/* Noto Sans Regular -------------------------------- */
@font-face {
    font-family:noto_sansregular;
    src: url('../font/NotoSans-Regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* Noto Sans Italic -------------------------------- */
/* 
@font-face {
    font-family:noto_sansitalic;
    src: url('../font/NotoSans-Italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
 */

/* Noto Sans Bold -------------------------------- */
@font-face {
    font-family:noto_sansbold;
    src: url('../font/NotoSans-Bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

/* Noto Sans Bold Italic -------------------------------- */
/* 
@font-face {
    font-family:noto_sansbold_italic;
    src: url('../font/NotoSans-BoldItalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
 */

/* Noto Naskh Arabic Regular -------------------------------- */
@font-face {
    font-family: 'noto_naskh_arabicregular';
    src: url('../font/notonaskharabic-regular-webfont.woff2') format('woff2'),
         url('../font/notonaskharabic-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

/* Noto Tamil Regular -------------------------------- */
@font-face {
    font-family: 'noto_sans_tamilregular';
    src: url('../font/NotoSansTamil.woff2') format('woff2'),
         url('../font/NotoSansTamil.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

/* Noto Ethiopic Regular -------------------------------- */
@font-face {
    font-family: 'noto_sans_ethiopicregular';
    src: url('../font/NotoSansEthiopic.woff2') format('woff2'),
         url('../font/NotoSansEthiopic.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

/* Body -------------------------------- */
html {
   min-height:100%;
}

*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

body	{
   width:100%;
   min-height:100%;
	color:#000;
	margin:0;
	padding:0;
   background:#fff;
}
	
html {
    position: relative;
    min-height: 100%;
}
body {
    margin: 0 0 96px 0;
}
.mFuss	{
   position: absolute;
   left: 0;
   bottom: 0;
   width:100%;
   height:96px;
   background:#00A0E0;
   background:linear-gradient(#00A0E0, #0080C0);
}

.bgT {
   position:absolute;
   top:0;
   left:0;
   width:100%;
   height:160px;
   background:#fff;
   margin:0;
   padding:0;
}
.bgL, .bgR{
   width:50%;
   height:36px;
   display:none;
   margin-top:124px;
}
.bgL {
   float:left;
   background: #8DD115;
}
.bgR {
   float:right;
   background: #4DB1F7;
}

.mmBg {
   padding:0;
   margin:0;
   height:36px;
   display:none;
}

.blg1 img {
   height:28px;
}

.blg1, .blg2, .blg3, .blg4, .blg5 {
   display: inline-block;
   margin:0;
   padding:0;
}
.blg1 {
   width:24%;
   background-color:#8DD115;
}
.blg2 {
   width:17%;
   background-color:#FFB00E;
}
.blg3 {
   width:20%;
   background-color:#EE6456;
}
.blg4 {
   width:25%;
   background-color:#9543D7;
}
.blg5 {
   width:14%;
   background-color:#4DB1F7;
}

.ctxt0, .ctxt1, .ctxt2, .ctxt3, .ctxt4, .ctxt5 {
   height: 24px;
}
.ctxt0 {
   border-top: 8px solid #fff;
}
.ctxt1 {
   border-top: 8px solid #8DD115;
}
.ctxt2 {
   border-top: 8px solid #FFB00E;
}
.ctxt3 {
   border-top: 8px solid #EE6456;
}
.ctxt4 {
   border-top: 8px solid #9543D7;
}
.ctxt5 {
   border-top: 8px solid #4DB1F7;
}

.mM2  {
   display: block;
   margin:0;
   padding:0;
}
.mmI {
   display:block;
}
.mmI span {
   height:28px;
}

.mM2 ul {
   list-style-type: none;
   margin:0;
   padding:0;
}

.mM2 ul li.itm {
   display: none; 
   clear: both;
}  

.mM2 ul:hover .itm {  
   display: block;
}

.m21, .m22, .m23, .m24, .m25, .m26 {
   height:36px;
   padding:8px 0 0 16px;
}
.m21 {
   background-color:#8DD115;
}
.m22 {
   background-color:#FFB00E;
}
.m23 {
   background-color:#EE6456;
}
.m24 {
   background-color:#9543D7;
}
.m25 {
   background-color:#4DB1F7;
}
.m26 {
   background-color:#FFE020;
}

.mM2 li a {
    display: block;
    text-decoration: none;
    white-space: normal;
}
.m21 > li > a, .m22 > li > a, .m23 > li > a, .m24 > li > a, .m25 > li > a, .m26 > li > a {
    display: block;
}

.cnt {
   position:relative;
   margin:0 auto;
   width:100%;
   max-width:768px;
}
#cD, .cnt {
   margin-bottom:0;
   padding-bottom:0;
}

#cI, #cD, .dTtl, .dM2 {
   display: none;
}
.mTtl, .mM2, .mFuss {
   display: block;
}

.kopf {
   margin-top:7px;
}
.logo {
   float:left;
   height:74px;
   padding-top:9px;
   padding-left:16px;
}
.logo img {
/* //-
   height:54px;
   */
   height: 32px;
}
.log {
   position:absolute;
   right:13px;
   top:0px;
}
#uName p {
   float:right;
   margin:0;
   padding:7px 72px 0 0;
}
.mTtl {
   height:50px;
   padding:32px 0 0 120px;
}
#cTAH {
   clear:left;
   /* //-

   position:relative;
   */
   position:absolute;
   left: 16px;
   top: 80px;
   
   width:237px;
   /* //-

   height:32px;
   */
   height:36px;
   /* //-

   padding:0 0 0 16px;
   */
   margin:0 0 16px 0;
   border: 0;
   border: 1px solid #0080C0;
}
#cTAH input {
/* //-

   width:237px;
   */
   width:194px;
   height:32px;
   margin:0;
   /* //-

   padding:0 36px 0 6px;
   */
   padding:0 0 0 6px;
   line-height:16px;
   border: 0;
}
#nav1 {
   float:right;
   width:36px;
   height:36px;
   /* //-

   margin:-50px 13px 0 0;
   */
   margin:-50px 0 0 0;
}
#nav2 {
   display:block;
   width:100%;
   padding:0;
   margin:0;
}
#nav3 {
   padding:0;
   margin:32px 0 0 8px;
   display:none;
}

#cI0{
   clear:both;
   margin:48px 16px 16px 16px;
   padding:0;
}

#dlg {
   width:100%;
   height:100%;
   overflow:hidden;
}

#dLdr {
  margin: 6em auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 1em solid rgba(255, 255, 255, 0.2);
  border-right: 1em solid rgba(255, 255, 255, 0.2);
  border-bottom: 1em solid rgba(255, 255, 255, 0.2);
  border-left: 1em solid #ffffff;
  -webkit-animation: load8 2.5s infinite linear;
  animation: load8 2.5s infinite linear;
}
#dLdr, #dLdr:after {
  border-radius: 50%;
  width: 10em;
  height: 10em;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.n3Ed {
   display:none;
   padding:0;
   margin:0;
}
.n3V1 {
   float:left;
   padding:0;
   margin:0;
}
.n3V2 {
   float:right;
   padding:0;
   margin:0 -10px 0 0;
}
.n3Ad {
   display:none;
   padding:0;
   margin:0;
}
#tPos {
   float:left;
   padding-top:10px;
   color:#0080C0;
}


.row {
   margin:0 8px 16px 8px;
}
.cln {
   float: left;
   margin: 0;
   padding: 0;
}
.cln.i1, .cln.i2, .cln.i3, .cln.d1, .cln.d2, .cln.d3 {
   min-width:255px;
   max-width:304px;
   }
.cln.i2 {
   background:#fff;
   }
   
#nfo {
   position:absolute;
   right:0;
   width:36px;
   height:36px;
   }
#lIn, #lOut {
   position:absolute;
   right:36px;
   width:36px;
   height:36px;
   }
#uName, #lOut, .e1 {
   display:none;
   }
#iSearch {
   margin-top:-34px;
   }

#cD input {
   background-color: #e0e0e0;
   background-color: #f00;
}

.we1 {
   width:222px;
   padding:6px 6px 8px 6px;
   margin:0 0 24px 0;
   background-color: rgba(255,255,255,0.15);
}
.we2 {
   width:466px;
   padding:0 0 8px 0;
   margin:0 0 24px 0;
   background-color: rgba(255,255,255,0.15);
}
.we2E {
   width:466px;
   padding:0 0 8px 0;
   margin:-16px 0 24px 0;
   background-color: rgba(255,255,255,0.15);
}
.we1b1 {
   width:222px;
   padding:0 0 8px 0;
   margin:0 0 12px 8px;
   opacity:0.75;
}
.we2b1 {
   width:458px;
   padding:0 0 8px 0;
   margin:0 0 12px 8px;
   opacity:0.75;
}
.we2n {
   width:466px;
   padding:0 6px 8px 6px;
   margin:0 0 24px 0;
   background-color:#F39C12;
}
.we3 {
   width:466px;
   padding:6px 6px 8px 6px;
   margin:0 0 24px 0;
   background-color: rgba(255,255,255,0.15);
}
.capE, .capV, .capV2 {
   margin:0 0 6px 0;
   font-size:0.75em;
}
.capE {
   color:rgba(255,255,255,0.75);
}
.capV2 {
   margin:10px 0 6px 0;
}

.wl {
   clear:left;
   background-color:#fff;
   border-top:1px solid #E0E0E0;
}
.r1 {
   float:left;
   padding:10px 0 10px 0;
   display:none;
   color:#A0A0A0;
}
.r2 {
   float:left;
   padding:10px 0;
   display:block;
   color:#000;
}
.r3 {
   float:right;
   min-width:36px;
   padding:0;
   display:block;
   color:#C0C0C0;
   text-align:right;
}
.r4 {
   float:left;
   padding:10px 0;
   display:none;
   color:#A0A0A0;
}
.r5 {
   float:right;
   color:#A0A0A0;
}

textarea {
  resize: none;
}

input {
   -webkit-appearance: none;
   border-radius: 0;
}

.logo2 img   {
   width:80%;
   padding:8px 0 36px 0;
}

.mov {
   position:relative;
   padding-bottom: 56.25%;
   padding-top: 30px;
   height: 0;
   overflow: hidden;
   }
.mov, #ranI1, #ranI2, #ranI3  {
   margin-top:18px;
   margin-top:0;
   }
.mov  {
   margin-bottom:36px;
   }

.mov iframe, .mov img {
   position:absolute;
   top:0;
   left:0;
   width:100%;
   height:100%;
   }
.imgC {
   position:relative;
   padding-bottom: 56.25%;
   padding-top: 0;
   height: 0;
   overflow: hidden;
   }
.imgC img {
   position:absolute;
   top:0;
   left:0;
   width:100%;
   height:100%;
   }
   
#ranR1, #ranR2, #ranR3 {
   white-space: pre-line;
   }
#ranR3 p, .i3 .bsp3 {
   margin-left: 0;
   }
select, textarea {
  -webkit-appearance: none;
  -webkit-border-radius: 0px;
}

/* //-
::-webkit-scrollbar {
    width: 2em;
    height: 2em
}
::-webkit-scrollbar-button {
    background: #ccc
}
::-webkit-scrollbar-track-piece {
    background: #888
}
::-webkit-scrollbar-thumb {
    background: #eee
}
*/


/* Font -------------------------------- */
h1, h1 a{
   font:20px/100% noto_sansregular, sans-serif;
   }
h2{
   font:0.875rem/150% noto_sansbold, sans-serif;
   }
h3, h4, h5, h6, a, p, td, li, ul, ol, figcaption, input, textarea, select, optgroup, option{
   font:0.875rem/150% noto_sansregular, sans-serif;
   }
.vers, .ctW, #iTxt {
   font:0.875rem/150% 'noto_sans_ethiopicregular', 'noto_naskh_arabicregular', 'noto_sans_tamilregular', noto_sansregular, sans-serif;
   overflow-wrap: break-word;
   }
.r2{
   font:14px/18px 'noto_sans_ethiopicregular', 'noto_naskh_arabicregular', 'noto_sans_tamilregular', noto_sansregular, sans-serif;
   }
.r1, .r3, .r4, .r5{
   font:12px/18px noto_sansregular, sans-serif;
   }

.hL, .sL, .tL, .uL{
   margin:0;
   padding:0;
}

#cI0 p{
   font:0.5625rem/150% noto_sansregular, sans-serif;
}
.dTtl {
   color:#c0c0c0;
   }
.dStl, .dStl a {
   font:1rem/100% noto_sansregular, sans-serif;
   opacity: 0.75;
   }
.log {
   color:#0080C0;
   opacity: 0.5;
   }
.log p {
   font-size:0.6875em;
   }
   
#ttl2 {
   font:1rem/100% noto_sansregular, sans-serif;
   color:#000;
   opacity: 0.75;
   }
#rmk1, #rmk2, #rmk3 {
   font:0.875rem/150% noto_sansregular, sans-serif;
   color:#000;
   opacity: 0.75;
   }
label {
   font-size:0.6875em;
   }
.material-icons   {
	font-size:12px;
   line-height:12px;
   vertical-align: sub;
}
#chap h3 {
   font:0.875rem/150% noto_sansbold, sans-serif;
   padding:24px 0 0 0;
}
#chap ul {
   list-style-type: circle;
   margin:0;
   padding:0 0 0 24px;
}


::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #cccccc;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #cccccc;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #cccccc;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #cccccc;
}   

.i2 p  {
   margin:0;
   padding:0 0 8px 0;
   }


/* Links -------------------------------- */
a:link{
   text-decoration:none;
   background:transparent;
   color:#0080ff;
   }
a:visited{
   text-decoration:none;
   background:transparent;
   color:#0080ff;
   }
a:hover{
   text-decoration:none;
   background:transparent;
   color:#ffbf00;
   }
a:active{
   text-decoration:none;
   background:transparent;
   color:#0080ff;
   }
a:focus{ 
   outline:none; 
   }
   
h1 a:link{
   text-decoration:none;
   background:transparent;
   color:#000;
   }
h1 a:visited{
   text-decoration:none;
   background:transparent;
   color:#000;
   }
h1 a:hover{
   text-decoration:none;
   background:transparent;
   color:#ffbf00;
   }
h1 a:active{
   text-decoration:none;
   background:transparent;
   color:#000;
   }
   
.dStl a:link{
   text-decoration:none;
   background:transparent;
   color:#0080C0;
   }
.dStl a:visited{
   text-decoration:none;
   background:transparent;
   color:#0080C0;
   }
.dStl a:hover{
   text-decoration:none;
   background:transparent;
   color:#ffbf00;
   }
.dStl a:active{
   text-decoration:none;
   background:transparent;
   color:#0080C0;
   }
   
.mM2 a:link{
   text-decoration:none;
   background:transparent;
   color:#fff;
   }
.mM2 a:visited{
   text-decoration:none;
   background:transparent;
   color:#fff;
   }
.mM2 a:hover{
   text-decoration:none;
   background:transparent;
   color:#000;
   }
.mM2 a:active{
   text-decoration:none;
   background:transparent;
   color:#fff;
   }
   
#rmk3 a:link{
   text-decoration:none;
   background:transparent;
   color:#0080ff;
   }
#rmk3 a:visited{
   text-decoration:none;
   background:transparent;
   color:#0080ff;
   }
#rmk3 a:hover{
   text-decoration:none;
   background:transparent;
   color:#ffbf00;
   }
#rmk3 a:active{
   text-decoration:none;
   background:transparent;
   color:#0080ff;
   }
   

/* Container -------------------------------- */
#bgPa1{
   position:absolute;
   top:0;
   left:0;
   margin:0;
   padding:0;
}
.l1, .l2, .l3{
   color:#60b0ff;
   background:#585858;
   margin:0;
   padding:0;
}
.alignLeft {
	float: left;
   font-size:0.75em;
}
.alignRight {
	float: right;
   font-size:0.75em;
}

ul.dank  {
  list-style-type: none;
  padding:0 0 0 6px;
}
ul.dank li {
  padding:0 0 6px 0;
}
ul.linkSIKJM, ul.social  {
  list-style-type: none;
  padding:0;
}
ul.linkSIKJM li, ul.social li {
  padding:0;
}
.linkSIKJM img, .social img {
   float:left;
   margin:0 16px 12px 0;
}
.linkSIKJM li:last-child img, .social li:last-child img {
   margin:0 0 12px 0;
}
.linkSIKJM img {
   width:29%;
}
.social img {
   width:14%;
}
.dFuss {
   position:absolute;
   bottom:0;
   padding:6px 24px;
}
.mFuss {
   padding:16px 8px;
}
.dFuss p, .mFuss p {
   font:10px/12px noto_sansregular, sans-serif;
   color:#c0c0c0;
}
#wng  {
   position:absolute;
   top: 230px;
   left: 0;
   width:100%;
   height:100%;
   background:rgba(0,0,0,0.75);
   font:1.5rem/150% noto_sansregular, sans-serif;
   color:#FFF;
   text-align: center;
   padding:125px 100px 0 100px;
   display:none;
}

.beta {
   position: absolute;
   top: 0;
   left: 0;
   width:100px;
   height:100px;
   }
.beta img {
   width:100px;
   height:100px;
   }
.bsp1, .bsp3 {
   color:#000;
   display:none;
   }



/* color -------------------------------- */
.c000{
   color:#fff;
}
.c025{
   color:#c0c0c0;
}
.c050{
   color:#808080;
}
.c050p10{
   color:#808080;
   padding-left:10px;
}
.c075{
   color:#404040;
}
.c100{
   color:#000;
}
.cOver{
   color:#ffa000;
}
.cRed{
   color:#f00;
}

/* parsley -------------------------------- */
input.parsley-success,
select.parsley-success,
textarea.parsley-success {
  color: #000;
  border:0;
}

input.parsley-error,
select.parsley-error,
textarea.parsley-error {
  color: #f00;
  background-color: #F2DEDE;
  border:1px solid #fff;
}

.parsley-errors-list {
  list-style-type: none;
  color: #ccf;
  opacity: 0;
  padding:2px 0 0 135px;
}

.parsley-errors-list li {
  font-size:0.75rem;
}

.parsley-errors-list.filled {
  font-size:0.5em;
  color: #fcc;
  opacity: 1;
}

/* dropkick -------------------------------- */
.dk-select, .dk-select *, .dk-select *:before, .dk-select *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.dk-select {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  line-height: 1.5em;
  width: 200px;
  cursor: pointer; }

.dk-selected {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  position: relative;
  background-color: #E0E0E0;
  padding: 0 1.5em 0 0.5em;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis; }
  .dk-selected:before, .dk-selected:after {
    content: '';
    display: block;
    position: absolute;
    right: 0; }
  .dk-selected:before {
    top: 50%;
    border: solid transparent;
    border-width: 0.25em 0.25em 0;
    border-top-color: #B0B0B0;
    margin: -0.125em 0.5em 0 0; }
  .dk-selected:after {
    top: 0;
    height: 100%;
    border-left: 1px solid #B0B0B0;
    margin: 0 1.5em 0 0; }

.dk-select .dk-select-options {
  position: absolute;
  display: none;
  left: 0;
  right: 0; }

.dk-select-open-up .dk-select-options {
  margin-bottom: -1px;
  bottom: 100%; }

.dk-select-open-down .dk-select-options {
  margin-top: -1px;
  top: 100%; }

.dk-select-options {
   font-size:0.875rem;
  background-color: #F0F0F0;
  border-bottom: 1px solid #0080C0;
  list-style: none;
  margin: 0;
  max-height: 399px;
  min-width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0.25em 0;
  width: auto;
  z-index: 100; }

.dk-option-selected {
  background-color: #606060;
  color: #fff; }

.dk-select-options-highlight .dk-option-selected {
  background-color: transparent;
  color: inherit; }

.dk-option {
  padding: 0 0.5em; }

.dk-select-options .dk-option-highlight {
  background-color: #606060;
  color: #fff; }

.dk-optgroup {
  border: solid #f00;
  border-width: 1px 0;
  padding: 0.25em 0;
  margin-top: 0.25em; }
  .dk-optgroup + .dk-option {
    margin-top: 0.25em; }
  .dk-optgroup + .dk-optgroup {
    border-top-width: 0;
    margin-top: 0; }
  .dk-optgroup:nth-child(2) {
    padding-top: 0;
    border-top: none;
    margin-top: 0; }
  .dk-optgroup:last-child {
    border-bottom-width: 0;
    margin-bottom: 0;
    padding-bottom: 0; }

.dk-optgroup-label {
  padding: 0 0.5em 0.25em;
  font-weight: bold;
  width: 100%; }

.dk-optgroup-options {
  list-style: none;
  padding-left: 0; }
  .dk-optgroup-options li {
    padding-left: 1.2em; }

.dk-select-open-up .dk-selected:before, .dk-select-open-down .dk-selected:before {
  border-width: 0 0.25em 0.25em;
  border-bottom-color: #0080C0;
   }

.dk-select-open-up .dk-selected:after, .dk-select-open-down .dk-selected:after {
  border-left-color: #B0B0B0;
   }

.dk-select-open-up .dk-select-options, .dk-select-open-down .dk-select-options {
  display: block;
   }

.dk-selected:hover, .dk-selected:focus {
  outline: none;
   }
  .dk-selected:hover:before, .dk-selected:focus:before {
    border-top-color: #0080C0;
    }
  .dk-selected:hover:after, .dk-selected:focus:after {
    border-left-color: #0080C0;
     }

select[data-dkcacheid] {
  display: none; }


.dk-option.hidden-option {
  display: none; }
.dk-selected.hidden-option {
   font-size:0.875rem;
   color: rgba(0,0,0,0.25);
   }

/* //-
.optG {
   font:0.875rem/150% noto_sansbold, sans-serif;
   margin-top: 8px;
   }
   */

.dk-select-disabled {
  opacity: 0.5;
  cursor: not-allowed; }
  .dk-select-disabled .dk-selected:hover, .dk-select-disabled .dk-selected:focus {
    border-color: #B0B0B0; }
    .dk-select-disabled .dk-selected:hover:before, .dk-select-disabled .dk-selected:focus:before {
      border-top-color: inherit; }
    .dk-select-disabled .dk-selected:hover:after, .dk-select-disabled .dk-selected:focus:after {
      border-left-color: inherit; }
.dk-option-disabled  {
   color:#C0C0C0;
   cursor: not-allowed;
}


/* typeahead -------------------------------- */
.tAhead  {
  width: 466px;
  height: 30px;
  padding: 8px 12px;
  border: 2px solid #ccc;
  outline: none;
}

.tAhead {
  background-color: #fff;
}

.tAhead:focus {
  border: 2px solid #0097cf;
}

#results {
  width: 466px;
  margin: -1px 0 0 0;
  padding: 1px 0 0 0;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-top: 0;
  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
     -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
          box-shadow: 0 5px 10px rgba(0,0,0,.2);
   z-index: 9999;
   background-color: rgba(248,248,255,1);
   display: none;
}
.show#results {
   display: block;
}

.tt-new {
   padding: 4px 8px 12px 8px;
   font:0.875rem/150% noto_sansbold, sans-serif;
   background-color: #E1F1FB;
   border-bottom: 1px solid #ccc;
   white-space: pre-wrap;
}
.tt-new:hover {
  cursor: pointer;
  color: #fff;
  background-color: #00A0E0;
}
.tt-new p {
  margin: 0;
}

#hTAH {
   font:0.875rem/150% noto_sansregular, sans-serif;
   margin:0;
   padding:5px 8px 10px 8px;
   background-color: #ffbf00;
}
#hTAH:hover {
   cursor: pointer;
   background-color: #efad10;
}
.hTAHr {
   float:right;
}


/*
 * qTip2 - Pretty powerful tooltips - v2.2.1
 * http://qtip2.com
 *
 * Copyright (c) 2014 
 * Released under the MIT licenses
 * http://jquery.org/license
 *
 * Date: Sat Sep 6 2014 11:12 GMT+0100+0100
 * Plugins: tips modal viewport svg imagemap ie6
 * Styles: core basic css3
 */
.qtip{
	position: absolute;
	left: -28000px;
	top: -28000px;
	display: none;

	max-width: 280px;
	min-width: 50px;

   font:0.8125rem/150% noto_sansregular, sans-serif;

	direction: ltr;

	box-shadow: none;
	padding: 0;
}

	.qtip-content{
		position: relative;
		padding: 5px 9px;
		overflow: hidden;

		text-align: left;
		word-wrap: break-word;
	}

	.qtip-titlebar{
		position: relative;
		padding: 5px 35px 5px 10px;
		overflow: hidden;

		border-width: 0 0 1px;
	}

	.qtip-titlebar + .qtip-content{ border-top-width: 0 !important; }

	/* Default close button class */
	.qtip-close{
		position: absolute;
		right: -9px; top: -9px;
		z-index: 11; /* Overlap .qtip-tip */

		cursor: pointer;
		outline: medium none;

		border: 1px solid transparent;
	}

		.qtip-titlebar .qtip-close{
			right: 4px; top: 50%;
			margin-top: -9px;
		}

		* html .qtip-titlebar .qtip-close{ top: 16px; } /* IE fix */

		.qtip-titlebar .ui-icon,
		.qtip-icon .ui-icon{
			display: block;
			text-indent: -1000em;
			direction: ltr;
		}

		.qtip-icon, .qtip-icon .ui-icon{
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			border-radius: 3px;
			text-decoration: none;
		}

			.qtip-icon .ui-icon{
				width: 18px;
				height: 14px;

				line-height: 14px;
				text-align: center;
				text-indent: 0;
				font: normal bold 10px/13px Tahoma,sans-serif;

				color: inherit;
				background: transparent none no-repeat -100em -100em;
			}

/* Applied to 'focused' tooltips e.g. most recently displayed/interacted with */
.qtip-focus{}

/* Applied on hover of tooltips i.e. added/removed on mouseenter/mouseleave respectively */
.qtip-hover{}

/* Default tooltip style */
.qtip-default{
	border: 1px solid #F1D031;

	background-color: #FFFFA3;
	color: #555;
}

	.qtip-default .qtip-titlebar{
		background-color: #FFEF93;
	}

	.qtip-default .qtip-icon{
		border-color: #CCC;
		background: #F1F1F1;
		color: #777;
	}

	.qtip-default .qtip-titlebar .qtip-close{
		border-color: #AAA;
		color: #111;
	}


.qtip-shadow{
	-webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
	box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
}

/* IE9 fix - removes all filters */
.qtip:not(.ie9haxors) div.qtip-content,
.qtip:not(.ie9haxors) div.qtip-titlebar{
	filter: none;
	-ms-filter: none;
}


.qtip .qtip-tip{
	margin: 0 auto;
	overflow: hidden;
	z-index: 10;

}

	/* Opera bug #357 - Incorrect tip position
	https://github.com/Craga89/qTip2/issues/367 */
	x:-o-prefocus, .qtip .qtip-tip{
		visibility: hidden;
	}

	.qtip .qtip-tip,
	.qtip .qtip-tip .qtip-vml,
	.qtip .qtip-tip canvas{
		position: absolute;

		color: #123456;
		background: transparent;
		border: 0 dashed transparent;
	}

	.qtip .qtip-tip canvas{ top: 0; left: 0; }

	.qtip .qtip-tip .qtip-vml{
		behavior: url(#default#VML);
		display: inline-block;
		visibility: visible;
	}


#qtip-overlay{
	position: fixed;
	left: 0; top: 0;
	width: 100%; height: 100%;
}

	/* Applied to modals with show.modal.blur set to true */
	#qtip-overlay.blurs{ cursor: pointer; }

	/* Change opacity of overlay here */
	#qtip-overlay div{
		position: absolute;
		left: 0; top: 0;
		width: 100%; height: 100%;

		background-color: black;

		opacity: 0.7;
		filter:alpha(opacity=70);
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	}


.qtipmodal-ie6fix{
	position: absolute !important;
}


/*! Lity - v1.6.6 - 2016-07-05
* http://sorgalla.com/lity/
* Copyright (c) 2015-2016 Jan Sorgalla; Licensed MIT */
.lity {
  z-index: 9990;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  white-space: nowrap;
  background: #0b0b0b;
  background: rgba(0, 0, 0, 0.85);
  outline: none !important;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
       -o-transition: opacity 0.3s ease;
          transition: opacity 0.3s ease;
}
.lity.lity-opened {
  opacity: 1;
}
.lity.lity-closed {
  opacity: 0;
}
.lity * {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.lity-wrap {
  z-index: 9990;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  outline: none !important;
}
.lity-wrap:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
}
.lity-loader {
  z-index: 9991;
  color: #fff;
  position: absolute;
  top: 50%;
  margin-top: -0.8em;
  width: 100%;
  text-align: center;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
       -o-transition: opacity 0.3s ease;
          transition: opacity 0.3s ease;
}
.lity-loading .lity-loader {
  opacity: 1;
}
.lity-container {
  z-index: 9992;
  position: relative;
  text-align: left;
  vertical-align: middle;
  display: inline-block;
  white-space: normal;
  max-width: 100%;
  max-height: 100%;
  outline: none !important;
}
.lity-content {
  z-index: 9993;
  width: 100%;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
       -o-transform: scale(1);
          transform: scale(1);
  -webkit-transition: -webkit-transform 0.3s ease;
       -o-transition: -o-transform 0.3s ease;
          transition: transform 0.3s ease;
}
.lity-loading .lity-content,
.lity-closed .lity-content {
  -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
       -o-transform: scale(0.8);
          transform: scale(0.8);
}
.lity-content:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
          box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}
.lity-close {
  z-index: 9994;
  width: 35px;
  height: 35px;
  position: fixed;
  right: 0;
  top: 0;
  -webkit-appearance: none;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  padding: 0;
  color: #fff;
  font-style: normal;
  font-size: 35px;
  font-family: Arial, Baskerville, monospace;
  line-height: 35px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  border: 0;
  background: none;
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.lity-close::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.lity-close:hover,
.lity-close:focus,
.lity-close:active,
.lity-close:visited {
  text-decoration: none;
  text-align: center;
  padding: 0;
  color: #fff;
  font-style: normal;
  font-size: 35px;
  font-family: Arial, Baskerville, monospace;
  line-height: 35px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  border: 0;
  background: none;
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.lity-close:active {
  top: 1px;
}
/* Image */
.lity-image img {
  max-width: 100%;
  display: block;
  line-height: 0;
  border: 0;
}
/* iFrame */
.lity-iframe .lity-container {
  width: 100%;
  max-width: 964px;
}
.lity-iframe-container {
  width: 100%;
  height: 0;
  padding-top: 56.25%;
  overflow: auto;
  pointer-events: auto;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-overflow-scrolling: touch;
}
.lity-iframe-container iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
          box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}
.lity-hide {
  display: none;
}



/* display size -------------------------------- */
.sizeXS, .sizeS, .sizeM, .sizeL{
	display: none;
}
.sizeXS{
	display: inline;
}


/* Clearfix by Nicolas Gallagher -------------------------------- */
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }