html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

ol, ul {
	list-style: none;
}

input:-webkit-autofill {		
    -webkit-box-shadow: 0 0 0px 1000px white inset;		
}

body { margin-top:60px}
.inner { width:1088px; margin:0 auto; padding:0 28px}

#nav-main { background:#222; position:fixed; top:0; left:0; width:100%; z-index:999; box-shadow: 0px 0px 4px #000;}
#nav-main .inner {height:60px;overflow:auto; }
#main { min-height:400px; z-index:100}

#premium, #basic {
  -webkit-columns: 300px 3;
     -moz-columns: 300px 3;
          columns: 300px 3;
  -webkit-column-gap: 2em;
     -moz-column-gap: 2em;
          column-gap: 2em;
}

#premium section, #basic section {
    margin: 0;
    -webkit-column-break-inside: avoid; /* Chrome, Safari */
    page-break-inside: avoid;           /* Theoretically FF 20+ */
    break-inside: avoid-column;         /* IE 11 */
}


footer { background:#222}html, body { font-family: 'Open Sans', sans-serif;}
html { font-size:100%} 
body { font-size:62.5%; font-size:10px; line-height:1.5em}
body, textarea, button, input, td, th, p, select  { font-family: 'Open Sans',Arial, sans-serif; color:#222}
 
 .font-light { font-weight: 300; }
 .font-bold { font-weight: 700; }
 
 h1 { font-size:3em; font-weight:300}
 h2 { font-size:1.8em; font-weight:700}
 h3 { font-size:1.4em; font-weight:700; text-transform:uppercase}
 
 p { font-size:1.4em; margin-bottom:1.5em; line-height:1.8em}
 td, th { font-size:1.4em; line-height:1.8em}
 
@font-face {
      font-family: 'allhh';
      src: url('/css/font/allhh.eot?48751710');
      src: url('/css/font/allhh.eot?48751710#iefix') format('embedded-opentype'),
           url('/css/font/allhh.woff?48751710') format('woff'),
           url('/css/font/allhh.ttf?48751710') format('truetype'),
           url('/css/font/allhh.svg?48751710#allhh') format('svg');
      font-weight: normal;
      font-style: normal;
	  font-display: swap;
    }

/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v20/mem5YaGs126MiZpBA-UN_r8OX-hpOqc.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;  
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v20/mem5YaGs126MiZpBA-UN_r8OVuhpOqc.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v20/mem5YaGs126MiZpBA-UN_r8OXOhpOqc.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v20/mem5YaGs126MiZpBA-UN_r8OUuhp.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFWJ0bbck.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFUZ0bbck.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFW50bbck.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFVZ0b.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v20/mem5YaGs126MiZpBA-UN7rgOX-hpOqc.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v20/mem5YaGs126MiZpBA-UN7rgOVuhpOqc.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v20/mem5YaGs126MiZpBA-UN7rgOXOhpOqc.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v20/mem5YaGs126MiZpBA-UN7rgOUuhp.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}	
.ah-blue { background-color:#009cde}
.ah-yellow { background-color:#ffd100}
.ah-red { background-color:#d22630}
.ah-green { background-color:#84bd00}
.ah-black { background-color:#222}
.ah-orange { background-color:#ff9000}
.ah-lightyellow { background-color:#fbf4dc}

.ah-logo-tiny { background: url(/images/logo-allheadhunters-200x200.png) no-repeat 0 0px ; background-size: 18px 18px; font-size:2em; font-weight:300; padding-left:30px; line-height:0.75em}

nav { color:#fff; }
nav a , nav a:link { color: #fff; text-decoration:none}
nav a:hover { text-decoration:underline}
nav a:visited { color:#fff}

#ah-logo { background: url(/images/logo-allheadhunters-200x200.png) no-repeat 0 8px; background-size: 32px 32px; padding-left:45px; height:50px; float:left; margin-top:4px}
#ah-logo h1{ font-size:2em; font-weight:300; position:relative; top:1em}
#ah-logo h2 { font-size:1em; font-weight:300; position:relative; top:-1em}
#ah-logo:hover { text-decoration:none; cursor:pointer} 

ul#main-menu { float:right; margin:2em 0 0 0;  margin-right:28px}
ul#main-menu li  { float:left; font-weight: 300; font-size:1.4em; line-height:1.2em }
ul#main-menu li:before {content:"|"; padding:0 1em;}
ul#main-menu li:first-child:before {content:""; padding:0}


#menu-button { display:block; float:right; display:none}
#menu-button a:before {content: "\2630\0000a0";}
#menu-button a { font-size:1.8em; text-transform:uppercase; font-weight:700;  background:#444; line-height:40px; display:block; padding:10px 20px}
#menu-button a:hover { background:#888; text-decoration:none}

#nav-mobile { position:fixed; top:60; width:100%; display:none;z-index:1001}
#nav-mobile ul li  a{ background:#444444; font-size:1.4em; text-align:Center; display:block; line-height:3em; border-bottom:1px solid #999; text-transform:uppercase; font-weight:bold}
#nav-mobile ul li  a:hover { background:#fff; color:#bb1807; text-decoration:none}

.hero { color:#fff; max-height:330px; overflow:hidden }
.hero .inner {min-height:280px; padding-bottom:50px; overflow:hidden}
.hero-slide { width:100% !important; }
.hero-content { padding:28px 0;}
.hero-content  h2 { font-size:5em; font-weight:lighter; line-height:1.2em; margin-bottom:0.4em;text-shadow: 1px 1px 2px #000;}
.hero-content div { font-size:1.8em; line-height:2em;  margin-bottom:2em}
.hero .text { text-shadow: 1px 1px 2px #000;}
.hero .cta { float:right;  font-size:1em; margin-left:3em; margin-top:2em; margin-bottom:3em; clear:none;}


.cycle-pager{text-align:center;width:100%;z-index:500;position:absolute;bottom:25px;overflow:hidden}
.cycle-pager span{font-family:arial;font-size:50px;width:20px;height:20px;display:inline-block;color:#fff;cursor:pointer;text-shadow:0 1px 4px #000}
.cycle-pager span.cycle-pager-active{color:#f29707}
.cycle-pager>*{cursor:pointer}


.button {border:0;border-radius: 3px; font-size:1.8em; padding: 0.5555em 1.3889em; box-shadow: 0 3px 0px  #e58900; color:#fff !important; cursor:pointer; text-decoration:none; white-space:nowrap}
.button.orange{background-color: #f90; box-shadow: #e58900}
.button.orange:hover {background-color: #e58900}
.button.grey{background-color: #999; box-shadow: #ececec}
.button.grey:hover {background-color: #d7d7d7}
.button.green{background-color: #bb1807;  box-shadow: 0 3px 0px  #831105; }
.button.green:hover {background-color: #831105}

/*EDIT-RICK: Temp CSS for banner Amrop*/

#leaderboard img {width: 100%; height:auto}

.return { display:inline-block; background:#bb1807; color:#fff; padding:1em; font-size:1.4em;text-decoration:none}
main { background:#fff}
#main {color:#222; top:-33px; border-top:5px solid #bb1807; position:relative; background:#fff; padding:28px; -webkit-text-size-adjust: 100%}
#main.content { margin-top:-100px}
#main.profile { margin-top:-240px}
#main a, .main a:link { color: #bb1807; text-decoration:none}
#main a:hover { text-decoration:underline}
#main a:visited { /*color:#74669b*/}

.advertorial {line-height: 1.846em; text-align: left;  padding:1em 0 !important;}
.advertorial h2 { background:#fff1dc; border-bottom: 1px solid #bb1807; padding:0.5em;  }
.advertorial p {font-size: 1.3em; padding: 0.692307em; line-height: 1.846em;margin: 0; }
.advertorial p:last-of-type {border-bottom: 1px solid #ececec; padding-bottom: 0.9em;}
.advertorial ul, .advertorial ol { padding:0.9em; list-style-position: inside;}
.advertorial ul {list-style-type:square;}
.advertorial li {font-size:1.3em;line-height: 1.846em;}

.category {line-height: 1.846em; padding:1em 0 !important}
.category h2 { background:#ececec; border-bottom: 1px solid #bb1807; padding:0.5em }
.category ul, .category ol { padding:0.9em; border-bottom:1px solid #ececec;}
.category ol {list-style-type:decimal;list-style-position: inside;}
.category li {font-size:1.3em;line-height: 1.846em;   }
.category h2.floating{ position: fixed; top: 60px; visibility: hidden;}
#main .category li a { color:#333}

#main a.descr, #main span.no-descr {  float:right; font-family:allhh; line-height:1.5em; margin-top:0.15em  }
#main a.descr:hover { text-decoration:none}
#main a.descr:before {content: '\e807'; color:#bb1807 !important; font-size:1.3em }
#main span.no-descr:before {content: '\e807'; color:#ccc !important; font-size:1.3em }
#main a.lintberg { font-family:allhh; line-height:1.5em; margin-top:0.15em; margin-left:0.5em; text-decoration:none}
#main a.lintberg:before {content: '\e80A'; color:#a1C1F7 !important; font-size:1.0em }

.jobslist a { display:block; color:#5c3591 !important; font-weight:bold}
.more-jobs {text-align: right; font-size: 1.2em;}


footer { height:100%; overflow:auto;  color:#fff; clear:both}
footer a, footer a:link { color:#fff; text-decoration:none}
footer a:hover { text-decoration:underline}
footer a:visited { color:#eee}

#network { height:100%; overflow:auto; padding-top:2em}
#network section { width:25%;  float:left; margin-bottom:2em}
#network section  h2 { border-bottom:1px solid #fff; margin-right:3em; line-height:1.5em; margin-bottom:0.5em}
#network section  li { font-size:1.2em; line-height:1.5em}

#copyright { padding:2em 0; font-size:1.2em; overflow:auto}
#copyright ul { float:right}
#copyright ul  li{ float:left;}
#copyright ul  li:before { content: "-"; padding:0 0.5em}
#copyright ul  li:first-child:before {content:""; padding:0}
#copyright div { clear:both;}
#copyright p { font-size:1em}
#copyright .ah-logo-tiny { float:left; display:inline-block}

#main.content section { padding:0em 20em; line-height:2em}
#main.content section h1 { line-height:1.5em; text-align:center;margin-bottom:0.75em}
#main.content section h2 { font-size:1.8em; margin-bottom: .6em; }
#main.content section table { width:100%; background-color: #fff; margin-bottom: 1em;}
#main.content section table thead th {background-color: #84bd00; border:1px solid #fff; color: #fff; padding: 0.6em 0.6em; text-align: center;}
#main.content section table thead td {}
#main.content section table th {border:1px solid #fff; padding: 0.6em 0.6em; text-align: center;}
#main.content section table tbody th {background-color: #f5f5f5;font-weight: inherit; text-align:left;}
#main.content section table tbody td {border:1px solid #f5f5f5; text-align:center}
/* #main.content section table tbody tr:nth-child(even) th,#main.content section table tbody tr:nth-child(even) td { background:#f6f6f6} */

#main.content section table tfoot th {}
#main.content section table tfoot td {}

#main.content li, #profile-text li  { font-size:1.4em; line-height:1.8em; }
#main.content li:before, #profile-text li:before { content: "+"; margin:0em 1em;font-weight: bold; color: #bb1807;}
#main.content ul, #profile-text ul {margin-bottom:2.5em;}

body {background:#000 url(/images/boombox-2.jpg) no-repeat top right;background:#000 url(/images/boombox-2.webp) no-repeat top right }

.hero.default { min-height:30em; background:none}

#basic-modal-content {display:none;}

/* Overlay */
#simplemodal-overlay {background-color:#000;}

/* Container */
#simplemodal-container {height:340px; width:600px; color:#333; background-color:#fff; border:0px solid #fff; padding:12px; font-size:1.4em; line-height:2em}
#simplemodal-container .button { font-size: 1em}
#simplemodal-container .simplemodal-data {padding:8px;}
#simplemodal-container a.modalCloseImg {display:inline; z-index:3200; position:absolute; top:0px; right:0px; cursor:pointer;}

.simplemodal-close { width:40px; height:40px; display:block; background:#bb1807; float:right; color:#fff; line-height:32px; font-size:32px; text-align:center; cursor:pointer; font-weight:lighter}
.simplemodal-close:hover { background:#887}
.simplemodal-close:before { content:'x'}


#profile-map { height:400px}
#profile-logo { float:left}
#profile-text { clear:both;  margin:3em 0; text-align:justify;}
#profile-text h3 {line-height: 1.5em; }
.twitters:before  { font-family:allhh;content: '\e804'; margin-right:0.5em; color:#00ade0 }


#profile-base {    width: auto;    overflow: hidden;}
#profile-base h1 { line-height:1.5em}
#profile-base h2 { border-bottom:1px solid #bb1807}

#profile-media { float:right; width:300px; margin-left:8em; margin-bottom:3em}
#profile-media h2, #profile-locations h2,#profile-tweets h2 { border-bottom:1px solid #bb1807 ;line-height:1.5em}

#profile-locations { clear:both}
#profile-locations h2{ margin-bottom:1em}
#profile-contact p {  margin:0}

#profile-logo { float:left; margin-right:0em; width:12.6em; margin-right:3em; }
#profile-logo img { height:100%; width:100%; min-height:40px}
#profile-activity { font-size:1.2em; color:#666; margin:0.5em 0}
#profile-activity li { float:left; margin-right:0.5em}
#profile-activity li:nth-child(even):before {content:"\00B7"; padding-right:0.5em}
#profile-tweets { margin-bottom:3em}
#profile-tweets li { font-size:1.4em;  padding:1em 0; line-height:1.8em}
#profile-tweets li a { }
#profile-tweets li small { font-weight:bold; color:#000}
#profile-map { clear:both}

#profile-website { border-bottom:1px solid #ddd; text-align:center;  padding:2em 0; height:100%; }
#profile-website img { max-width:300px}
#profile-website figure { padding:0; line-height:0;max-height:240px; overflow:hidden; box-shadow: 0px 0px 5px #999; margin:0.5em auto 2em auto; display:inline-block}
#profile-website .button { font-size:1em}
#profile-contact { border-bottom:1px solid #ddd; padding:2em 0}
#profile-social { border-bottom:1px solid #ddd; padding:2em 0}
#profile-social li { font-size:1.3em;line-height:2.0em; margin:0.5em; color:#bb1807  }
#profile-social li.not-active { color:#999  }
#profile-social li:before {  font-family:allhh; font-size:2em;  margin-right:0.5em; line-height:1em; float:left}
#profile-social li.linkedin:before {content: '\e803';}
#profile-social li.facebook:before {content: '\e801';}
#profile-social li.twitter:before {content: '\e805';}
#profile-social li.google:before {content: '\e802';}
#profile-social li.x:before { display:inline-block;background:#bb1807;height:16px; padding:0px 3px; ;padding-bottom:5px; content: url("data:image/svg+xml,%0A%3Csvg width='16' height='10' viewBox='0 0 1200 1227' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M714.163 519.284L1160.89 0H1055.03L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.866L515.491 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM569.165 687.828L521.697 619.934L144.011 79.6944H306.615L611.412 515.685L658.88 583.579L1055.08 1150.3H892.476L569.165 687.854V687.828Z' fill='white'/%3E%3C/svg%3E%0A"); border-radius:4px; font-size:1.5em}
#profile-social li.not-active.x:before { background:#999}

#profiles {
    display: none;
}


form { background:#ececec; width:420px; margin: auto; margin-bottom: 20px; padding:2em; }
form div.row { clear:both; display:block; padding-right:20px; }
form h2 {margin-bottom: 1em !important}
form div + div {margin-top: 1em;}

form div.row { text-align:left}
form div.row label { clear:both; display:block; font-size: 1.2em; padding-left: 8px; }
form div.row label.inline { clear:none; display:inline-block; line-height:2em } 
form div.row input[type="checkbox"] { width: 13px;    height: 13px;    padding: 0;    margin:0;    vertical-align: middle;    position: relative;    top: -1px;    *overflow: hidden;}
form div.row input[type="text"], form div.row input[type="password"],  form div.row input[type="email"] { border: 1px solid #cecece; border-radius:1px; padding:8px; width:100%; }
form div.row.half input{ width:48%}
form div.row.half input:nth-child(even) { float:right}
form div.row textarea { border:1px solid #cecece; border-radius:1px; padding:8px; width:100%; }
form div.row span.selected { border:1px solid #cecece; border-radius:1px; padding:8px; width:100%; background:#fff; font-size:1.2em; display:block }
form div.row span.selected:after { content: '\e80a' ; font-family:allhh; float:right; color :#090}
form div.row select { border:1px solid #cecece; border-radius:1px; padding:8px; width:100%; }
form div.row .button { margin:1em auto 0.5em auto; display:inline-block; width: 100%; } 
form div.row.control { padding-right:0; text-align:center}
form div.row.control a { font-size:1.2em; line-height:2em}
form  .message-container { text-align:center; font-size:1.2em; display:none}
form  .message-container .message { background:#e00; color:#fff; padding:1em}
form  .message-container .message.success { background:#090;}

.tip { background:#bb1807; padding:0 4px; text-transform:uppercase; color :#fff; font-weight:Bold} 

.new  {color:#d22630; font-weight:bold}

.modal {
	  position: relative;
  background: #FFF;
  padding: 3em;
  width: auto;
  max-width: 540px;
  height:100%;
  margin: 20px auto;
}



.modal  h2 { font-weight:lighter; font-size:3em; line-height:1.2em; margin-bottom:1em; padding-right:1em}
.modal p {  -webkit-text-size-adjust: 100%; display:block}
.modal  a, .main a:link { color: #bb1807; text-decoration:none}
.modal   a:hover { text-decoration:underline}
.modal   a:visited { color:#74669b}
.modal  a.link { font-size:1.4em}

.modal ul.links { margin-top:3.5em; margin-bottom:2em; height:100%;overflow:visible}
.modal ul.links li  { display:inline; margin-right:1em}

/* Advertisments */

.ad { /*background:#e6e6e6; min-height:120px;  background-size:cover*/}
#basic .ad {/* min-height:300px*/}
#premium .ad { /*min-height:120px*/}
.sz300x250 iframe { min-height:250px}
.sz300x125 iframe { min-height:125px}
#interboard .ad:nth-child(2)  { display:none}
#leaderboard .ad, #interboard .ad { text-align:center;  margin:0 auto /*min-height:120px*/}
#leaderboard .ad iframe,  #interboard .ad iframe { height:100px; text-align:center;  margin:0 auto;width: 1px;     min-width: 100%;  *width: 100%;}
.ad {text-align:center}
#leaderboard.active {width:100%;max-width:1088px; height:calc(100vw * 0.091911765); max-height:100px}

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80); }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #CCC; }
    .mfp-preloader a:hover {
      color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: lighter;
  font-weight: 100;
  font-size: 42px;
  font-family: 'Open Sans', Arial, Baskerville, monospace; }
  .mfp-close:hover,
  .mfp-close:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #fff;
  background:#bb1807; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }



@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {

  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
 
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } 
}

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 0px;
    padding-right: 0px; } 
}

		 
body.lame-ass form { background:#fff; text-align:center; width:505px; margin:15em auto;padding:4em}		
body.lame-ass form div.row .button { width:auto}		
body.lame-ass form div.row { padding-right:0}		
body.lame-ass form div.row label { padding: 7px 0; font-size:1.4em; text-transform:uppercase; font-weight:bold}		
body.lame-ass form div.row label.inline { text-transform:none; font-weight:normal}		
body.lame-ass form div.row input[type="text"], body.lame-ass form div.row input[type="password"], body.lame-ass form div.row input[type="email"] { border:0; border-bottom:1px solid #666; padding:8px 0 ; outline: none; font-size:1.4em; margin-bottom:1em}		
body.lame-ass form div.row.control a { font-size:1.4em}		
body.lame-ass label{ text-align:left}		
body.lame-ass form div.row span { font-size:1.4em; line-height:1em; vertical-align:bottom; display:inline-block}
body.lame-ass form #category-select-list {text-align:left} 		
body.lame-ass form #category-select-list li:before { content :''}		
body.lame-ass #main.content { margin-top:0px; border-top:0}		
body.lame-ass #main.content ol { text-align:left; margin:0 4em 2em 8em; display:block}		
body.lame-ass #main.content ol  li:before { margin-left:-1.6em}		
body.lame-ass #main { background :none}		
body.lame-ass main { background :#C00;background: linear-gradient(270deg, #8cb9a6, #b1d5b1);background-size: 400% 400%;}	

.invalid input:required:invalid {
    border-bottom-color: #C00 !important;
	color:#C00 !important;
}

.invalid input:required:invalid::-webkit-input-placeholder {
  color:#C00
}
.invalid input:required:invalid:-moz-placeholder {
  color:#C00
}	

@-webkit-keyframes ahhlameass {		
    0%{background-position:0% 50%}		
    50%{background-position:100% 50%}		
    100%{background-position:0% 50%}		
}		
@-moz-keyframes ahhlameass {		
    0%{background-position:0% 50%}		
    50%{background-position:100% 50%}		
    100%{background-position:0% 50%}		
}		
@keyframes ahhlameass { 		
    0%{background-position:0% 50%}		
    50%{background-position:100% 50%}		
    100%{background-position:0% 50%}		
}		
@media screen and (max-width: 768px) {		
			
	body.lame-ass form { width:auto; margin:2em 0;}		
}		
@media screen and (max-width: 640px) {		
body.lame-ass form { padding:2em}		
body.lame-ass #main.content ol { margin:0 4em 2em 4em}		
form div.row.half input {
    width: 100%;
}
}


/* Grid layout */

/* Grid 1 */
@media screen and (max-width: 1600px) {

}

/* Grid 2 @ 1024-1600px */
@media screen and (max-width: 1144px) {
.inner { width:auto; padding:0 10px !important}
main .inner {  padding:20px 10px !important}
#nav-main .inner { padding:0 !important}
#ah-logo {margin-left: 10px;}

#main.content section { padding:0em 8em; }
#copyright ul {float: none; height:100%}
#copyright ul  li {line-height:2em}
#copyright p { margin-top:3em; clear:both}
#copyright .ah-logo-tiny {float: none;}
}

/* Grid 3 @ 800-1024 px */
@media screen and (max-width: 1024px) {
}

/* Grid 4 @ =< 960px */
@media screen and (max-width: 960px) {
#network section { width:33%;}
#main.content section { padding:0em 4em; }
}

/* Grid 5 @ =< 768px */
@media screen and (max-width: 768px) {
h1 { font-size:2.5em}
#network section { width:50%;}
#menu-button { display:block}
#menu-button  span { display:inline-block}
ul#main-menu { display:none}
#main.content section { padding:0em 2em; }


.hero-content  {display:table;    border-collapse: separate;  border-spacing: 2em; padding:0}
.hero-content  .cta {display:table-footer-group; float:none; padding-top:2em}
.hero-content  h2 {display:table-header-group;}
.hero-content  .text {display:table-header-group; padding-bottom:5em}

.hero-content h2 {
    font-size: 3em;
    margin-bottom: 0.4em;
	line-height:1em
}

.hero-content div {
	font-size:1.4em
	
}

.inner.profile {display:table;    border-collapse: separate; } 
.inner.profile #profile-media { float:none; width:100%; margin-left:0; display:table-footer-group; }
.inner.profile #profile-base {display:table-header-group;} 
#profile-locations { margin-top:3em}
#profile-base h1 { margin-top:0.5em}
#profile-logo { float:right; margin-right:0em; margin-top:1em; display:none}

}

/* Grid 6 @ =< 640 px */
@media screen and (max-width: 640px) {
.category li { line-height:2em} 
#main a.descr, #main span.no-descr { line-height:1.7em}
#network section { width:100%; float:none}
#network section  h2 { margin-right:0}
#copyright { text-align:center; }
#copyright ul { float:none; font-size:1.3em; line-height:2em; height:100%; overflow:auto; margin-bottom:1em}
#copyright ul  li{ float:none}
#copyright ul  li:before { content:""; padding:0}
#copyright ul  li:first-child:before {content:""; padding:0}
#copyright ul  li a { }
#copyright .ah-logo-tiny { float:none  }
#menu-button  span { display:none}
#ah-logo {  background-size: 25px 25px; padding-left:35px; height:50px; margin-top:9px}
#ah-logo h1{  top:0.75em; font-size:1.4em}
#ah-logo h2 { display:none}	
form {  width:auto; }
.hero.default  { min-height:110px; }
.hero.profile  { min-height:280px; background:none}
body { background:#000 url(/images/boombox-2-640.webp) no-repeat right ;}
body { background:#000 url(/images/boombox-2-640.webp) no-repeat right top}


.ad {text-align:center}
.ad img { width:auto; max-width:100%}

#main{ margin-top:0; border-top:0}
#main.content section { padding:0em 0.25em; }

#premium, #basic {
  -webkit-columns: auto auto;
     -moz-columns: auto auto;
          columns: auto auto;
  -webkit-column-gap: 0em;
     -moz-column-gap: 0em;
          column-gap: 0em;
}

.hero-content h2 {
    font-size: 2.5em;
    margin-bottom: 0.6em;
	text-shadow:1px 1px 2px #000;
}

.hero-content div {
	font-size:1.4em
	
}

.hero-content div.text {
	line-height:1.8em;
	text-shadow:1px 1px 2px #000;
}

.hero { max-height:auto}
.cycle-pager{bottom:-10px;}

}

/* Grid 6 @ =< 320 px */
@media screen and (max-width:400px) {
.hero-content div.text {
	line-height:1.8em
}


}

/* iPad 1-2 Portrait */

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {

}

/* iPad 1-2 Landscape */

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape) {


}

/* Retina support */

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { 

}