* { box-sizing: border-box; }
img { max-width:100%; }
html { width:100%;height:100%;display:block;padding:0;margin:0;}
body { width:100%;height:100%;min-height:100%;display:block;padding:72px 0 0 0;margin:0;background:#fff;position:relative;font-size:14px;font-family:'Open Sans', Helvetica, sans-serif;}
/* /*body:before { position:absolute;left:0;top:0;width:100%;height:100%;z-index:0;content:'';background:url('/assets/images/ninja-wallpaper.svg') left top repeat transparent;opacity:0.025;background-size:5% 5%;}*/
.clearfix::after {
    display: block;
    clear: both; 
    content: "";
}
.nj-page { position:relative;z-index:2;}

a { }

@media screen and (max-width:768px) { 
.col-xs-6 { width:50%; }
}


.text-center { text-align:center;} 
.full-width { max-width:100%; } 
.boxed-width { max-width:1400px; }
.container { padding:0 15px;width:100%;display:block; margin:0 auto;}
  
.alert { padding:20px 15px;margin:0 0 15px 0;display:block;font-size:1.2em;font-weight:bold;text-align:center;}
.alert:last-child { margin:0 !important;} 
.alert-danger { background:#66b49e;color:#fff; }
.alert-success { background:#060;color:#fff; }

.nj-scrambler { position:relative;background:#7ce0f922;}


#nj-scrambler { background:transparent;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:480px;position:relative;padding:40px 0;z-index:3;}
#nj-scrambler p { color:rgba(0,0,0,0.75);}
#nj-scrambler p strong { color:#000;}
@media screen and (max-width:768px) { 
    .nj-scrambler:after { opacity:0.1;}
    .nj-scrambler:before { background-position: center center;}
    #nj-scrambler { margin:0;min-height:320px;height:auto;padding:25px 0;}
}

@media screen and (max-width:480px) { 
    .nj-scrambler:after { opacity:0.1;}
    .nj-scrambler:before { background-position: center center;}
    #nj-scrambler { margin:0;min-height:320px;height:auto;}
}

#nj-form { max-width:640px;width:100%;margin:0 auto; }
#nj-form h1 { color:#000;font-family:'Open Sans',sans-serif;font-weight:600;font-size:2.3em;margin:0 0 25px 0;padding:0;line-height:1em;}
#nj-form h1 i { color:#186f89;font-style:normal;}
.nj-rack-search { height:64px;width:100%;border:1px solid rgba(0,0,0,0.2);border-radius:32px;box-shadow:0 0 10px rgba(0,0,0,0.2);position:relative;}
.nj-rack-search #rack-search { position:absolute;left:0;font-size:28px;font-weight:bold;top:0;width:100%;height:100%;display:block;border-radius:32px;border:0;margin:0;padding:0 70px;outline:none;z-index:1;}
.nj-rack-search #nj-search-btn { 
    
    -webkit-transition: all 150ms linear;
-ms-transition: all 150ms linear;
transition: all 150ms linear;
    position:absolute;text-align:center;font-size:24px;line-height:48px;left:8px;top:8px;border-radius:24px;height:48px;width:48px;color:rgba(0,0,0,0.6);background:transparent;display:block;z-index:2;}
.nj-rack-search #nj-search-btn.active { background:#186f89;color:#fff;}

.nj-rack-search #nj-clear-btn {  -webkit-transition: all 150ms linear;
-ms-transition: all 150ms linear;
transition: all 150ms linear;position:absolute;pointer-events:none;text-align:center;font-size:24px;line-height:48px;right:8px;top:8px;border-radius:24px;height:48px;width:48px;color:rgba(0,0,0,0);background:transparent;display:block;z-index:2;}
.nj-rack-search #nj-clear-btn.active { display:block;pointer-events:inherit;color:rgba(0,0,0,0.4);}
.nj-rack-desc { font-weight:600 !important;color:#999;width:90%;font-size:1em;text-align:center;margin: 15px auto 15px auto;font-weight:normal;}
.nj-rack-desc:last-child { margin-bottom:0;}
.nj-rack-desc i { color:#66b49e;}
.nj-rack-desc strong { color:#66b49e;}
 
h2 { margin:0 0 10px 0; }
h2 + p { margin:0 0 20px 0; }

#nj-adv-toggle { text-decoration:none !important;color:#000;font-size:1.1em;font-weight:800;display:inline-block;margin:0 auto 15px auto;}
#nj-adv-toggle i { color:#66b49e;font-weight:bold;}
#nj-adv-toggle.active i { transform:rotate(180deg); }

.nj-ab-adv-field { display:block;margin:0 0 15px 0;font-weight:bold;padding:10px;width:100%;background:#fff;color:#000;outline:none;box-shadow:none;font-size:1.2em;border:1px solid rgba(0,0,0,0.1);border-radius:6px; }

@media screen and (max-width:640px) { 
    label,
    .nj-ab-adv-field { font-size:14px; }
}

#nj-adv-options {  box-shadow:0 0 10px rgba(0,0,0,0.2);padding:15px 15px 5px 15px;display:none;background:#000;color:#fff;margin:0 0 30px 0;border-radius:10px;}
#nj-adv-options.active { display:block;height:auto;}

.nj-btn { cursor:pointer;margin:0 0 10px 0;text-transform:uppercase;font-weight:bold;display:block;width:100%;font-size:1.2em;background:#000;color:#fff;text-align:center;padding:10px;border-radius:10px;border:0;}
.nj-submit {  background:-moz-linear-gradient(180deg, #66b49e 0%, #56a48e 100%);

/* safari 5.1+,chrome 10+ */
background:-webkit-linear-gradient(180deg, #66b49e 0%, #56a48e 100%);

/* opera 11.10+ */
background:-o-linear-gradient(180deg, #66b49e 0%, #56a48e 100%);

/* ie 6-9 */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#990000', endColorstr='#C#66b49e00', GradientType=1 );

/* ie 10+ */
background:-ms-linear-gradient(180deg, #66b49e 0%, #56a48e 100%);

/* global 94%+ browsers support */
background:linear-gradient(180deg, #66b49e 0%, #56a48e 100%);}
.nj-reset {  /* ff 3.6+ */
background:-moz-linear-gradient(180deg, rgba(51, 51, 51, 1) 0%, rgba(17, 17, 17, 1) 100%); 

/* safari 5.1+,chrome 10+ */
background:-webkit-linear-gradient(180deg, rgba(51, 51, 51, 1) 0%, rgba(17, 17, 17, 1) 100%);

/* opera 11.10+ */
background:-o-linear-gradient(180deg, rgba(51, 51, 51, 1) 0%, rgba(17, 17, 17, 1) 100%);

/* ie 6-9 */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#111111', endColorstr='#333333', GradientType=1 );

/* ie 10+ */
background:-ms-linear-gradient(180deg, rgba(51, 51, 51, 1) 0%, rgba(17, 17, 17, 1) 100%);

/* global 94%+ browsers support */
background:linear-gradient(180deg, rgba(51, 51, 51, 1) 0%, rgba(17, 17, 17, 1) 100%);}

::-webkit-input-placeholder {color:#999;font-weight:normal !important;}
::-moz-placeholder          {color:#999;font-weight:normal !important;}/* Firefox 19+ */
:-moz-placeholder           {color:#999;font-weight:normal !important;}/* Firefox 18- */
:-ms-input-placeholder      {color:#999;font-weight:normal !important;} 

 
@media screen and (max-width:768px) {
    #nj-form  h1 { font-size:1.8em;margin:0 0 20px 0; }

    .nj-rack-search { height:48px;border-radius:24px;}
    .nj-rack-search #rack-search { font-size:20px;line-height:32px;border-radius:24px;padding:0 48px;}
    .nj-rack-search #nj-search-btn { font-size:16px;line-height:32px;border-radius:16px;height:32px;width:32px; }
    .nj-rack-search #nj-clear-btn { font-size:16px;line-height:32px;border-radius:16px;height:32px;width:32px; }
    .nj-btn { font-size:1em;padding:10px;border-radius:10px;}
}

section.nj-content { padding:30px 0;border-top:1px solid rgba(0,0,0,0.2);}

.nj-page-with-sidebar { display:flex;flex-direction:row;width:100%;}
.nj-page-content { flex-grow:1;width:100%;margin-right:30px;}
.nj-page-sidebar { flex-grow:0;min-width:320px;max-width:350px;text-align:center;}
.nj-sticky { position:sticky;top:92px;}  
@media screen and (max-width:1024px) {
    .nj-page-content { margin-right:0px;}    
    .nj-page-sidebar { display:none; }
}

.nj-content { opacity:0.5;-webkit-transition: opacity 350ms linear;
    -ms-transition: opacity 350ms linear;
    transition: opacity 350ms linear;}
#nj-page-container { opacity:0.4;filter:blur(3px);    -webkit-transition: opacity 350ms linear;
    -ms-transition: opacity 350ms linear;  
    transition: opacity 350ms linear;}  
    body.loaded .nj-content { opacity:1;filter:none;}
    body.loaded #nj-page-container { opacity:1;filter:none;}
@keyframes sprite {
    to { background-position: -3891px }
}
.ninja-preloader { position:fixed;top:0;width:100%;height:100%;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background:rgba(255,255,255,0.65);z-index:1000;}
.ninja {
    height: 126px;
    border:1px solid rgba(0,0,0,0.15);
    border-radius:50%;
    box-shadow:0 0 10px rgba(0,0,0,0.2);     
    overflow:hidden;
    width: 126px;
    background:#000;
    display:block; 
    background: url("/assets/images/ninja-preloader.png") no-repeat  #fff;
    animation: sprite 1.25s steps(31) infinite;              
    transform:scale(1.5);
} 
.pattern { background:#ffffee;position:relative;border-top:1px solid rgba(0,0,0,0.1);border-bottom:1px solid rgba(0,0,0,0.1);}
.pattern-first { margin-left:0px;border-radius:4px 0 0 4px;}
.pattern-first:before { position:absolute;left:0;top:0;height:100%;display:block;z-index:0;content:'';width:1px;border-left:1px solid rgba(0,0,0,0.1);}
.pattern-last { margin-right:0px;border-radius:0 4px 4px 0;}
.pattern-last:before { position:absolute;right:0;top:0;height:100%;display:block;z-index:0;content:'';width:1px;border-right:1px solid rgba(0,0,0,0.1);}




#nj-wordlist-bg { position:absolute;opacity:0.9;left:0;top:0;z-index:0;width:100%;height:100%;display:block;overflow:hidden;background:url('/assets/images/wordcloud-trans.png') center bottom no-repeat transparent;background-size:100% contain;}
@media screen and (max-width:1024px) { 
    #nj-wordlist-bg { background-size:cover;}
} 
.nj-results-list { padding:15px 15px 0 15px;display:block;background:#fff;border-radius:10px;box-shadow:0 0 20px rgba(0,0,0,0.1);}

.nj-result-heading { position:sticky;top:72px;display:block;background:#66b49e;color:#fff;font-size:1.4em;padding:0 15px;height:38px;line-height:38px;margin:0;border-radius:8px 8px 0 0}
#nj-results { display:block; padding:0;margin:0 0 10px 0;}
#nj-results:last-child { display:block;padding:0;  margin:0 0 5px 0;}


.new-results a {border-color:#36846e !important;background:#ffffee !important;}
          
.nj-result { padding:0 5px 0 5px;display:block;text-transform:uppercase;}   
.nj-results-title { margin:0 0 10px 0;padding:0;line-height:1.4em;}
.blank_tile { color:#36846e;}
.underline { text-decoration:underline;}
.starts { color:#999;}
.ends { color:#999;}
.contains { color:#999;}


.nf-pagination { font-size:1.2em;color:#000;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:20px 0;text-align:center;}
.nf-pagination:last-child { margin:0  0 10px 0;}
.nf-pagination a { flex-grow:0;font-size:1.2em;white-space:nowrap;width:48px;height:48px;text-align:center;line-height:48px;border-radius:6px;background:#000;display:inline-block;color:#fff;}
.nf-pagination a.disabled { opacity:0.4;pointer-events:none;}

.nf-pagination a:hover { opacity:0.8;} 
.nf-pagination a.disabled:hover { background:#1a1a1a;}
.nf-pagination a.nf-prev { margin-right:15px;}
.nf-pagination a.nf-next { margin-left:15px;}
.nf-pagination span { font-weight:500;flex-grow:0;font-size:1.1em;color:rgba(0,0,0,0.9);text-align:center;justify-content:center;align-items:center;padding:5px 0;}
.nf-pagination span i { color:#36846e;font-weight:700;font-style:normal;}

hr.light { border-color:rgba(0,0,0,0.2);border-style:dashed;margin:30px auto;max-width:960px;}

.nj-results-title,
.nj-results-desc { color:#000;}

.normal-score { color:#000;font-size:0.75em;}
.blank-score { color:#36846e;font-size:1em;}

@media screen and (max-width:1024px) {
    .nf-pagination a { font-size:1em;width:32px;height:32px;line-height:32px;}
    .nf-pagination span { font-size:1em;}
    .nj-results-10 .nj-result,
    .nj-results-9 .nj-result,
    .nj-results-7 .nj-result,       
    .nj-results-6 .nj-result,      
    .nj-results-8 .nj-result { width:50%;}
    
    
    .nj-results-2 .nj-result { width:25%;}
    .nj-results-3 .nj-result,
    .nj-results-4 .nj-result { width:33.3333333333%;}
    .nj-results-5 .nj-result { width:33.3333333333%;}

    .nj-results a { font-size:1em;letter-spacing:0;}
    .nj-results-title { font-size:1.15em;margin:0 0 5px 0;}
    .nj-results-title,
    .nj-results-desc { text-align:center;}
    .nj-results-desc { font-size:0.85em;}
}

@media screen and (max-width:640px) {
    .nj-result-heading { font-size:1.2em;height:36px;line-height:36px;}
    .nj-result { width:auto !important;}
    .nj-result a  { font-size:14px !important;padding:4px 8px !important;}
}

.nj-results-wrapper { min-height:320px;padding:25px 0;display:block;}
.nj-results-wrapper.no-results { padding:15px 0;}

.nj-results-container { margin:0 auto 20px auto; }

.nj-page-content h1 { margin: 0 0 15px}
.nj-result-load-btn { display:inline-block;background:#333;border-radius:8px;color:#fff;padding:0 15px;font-size:1.2em;border:0;margin:15px 0 15px 0;height:40px;line-height:40px;cursor:pointer;}

.nj-results a { letter-spacing:1px; -webkit-transition: all 350ms linear;
-ms-transition: all 350ms linear;
transition: all 350ms linear;display:block;padding:2px 8px;white-space:nowrap;text-align:center;font-weight:bold;font-size:1.2em;text-decoration:none !important;border-radius:8px;background:#fff;border:1px solid rgba(0,0,0,0.1);color:#000;margin:0 0 5px 0;}
#nj-results:hover .nj-results a { opacity:1;background:#fff;border:1px solid rgba(0,0,0,0.1);}
#nj-results .nj-results a:hover { opacity:1;box-shadow:0 0 10px rgba(0,0,0,0.2);border:1px solid rgba(0,0,0,0.3);}     
.nj-results { display:flex;flex-direction:row;margin:0 -5px; justify-content:flex-start; flex-flow:row wrap;}   


html { 
    scroll-behavior: smooth; 
  }

footer { padding:30px 0;background:#186f89;color:#fff;}
footer h4 { font-size:1.4em;border-bottom:1px solid rgba(255,255,255,0.4);padding:0 0 10px 0;margin:0 0 20px 0;}
footer nav { display:block;}
footer a { font-size:1.1em;color:rgba(255,255,255,0.8);text-decoration:none !important;margin:0 0 10px 0;display:block;}
footer a:hover { color:rgba(255,255,255,1);text-decoration:none;}

@media screen and (max-width:768px) {
    footer .col-md-4 { margin-bottom:20px;}
}