/* W3.CSS 4.12 Novemberr 2018 by Jan Egil and Borge Refsnes */
html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}
/* Extract from normalize.css by Nicolas Gallagher and Jonathan Neal git.io/normalize */
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block}progress{vertical-align:baseline}
audio:not([controls]){display:none;height:0}[hidden],template{display:none}
a{background-color:transparent;-webkit-text-decoration-skip:objects}
a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
dfn{font-style:italic}mark{background:#ff0;color:#000}
small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-0.25em}sup{top:-0.5em}figure{margin:1em 40px}img{border-style:none}svg:not(:root){overflow:hidden}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}hr{box-sizing:content-box;height:0;overflow:visible}
button,input,select,textarea{font:inherit;margin:0}optgroup{font-weight:bold}
button,input{overflow:visible}button,select{text-transform:none}
button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}
button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner{border-style:none;padding:0}
button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring{outline:1px dotted ButtonText}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}
legend{color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}
[type=checkbox],[type=radio]{padding:0}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-input-placeholder{color:inherit;opacity:0.54}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
/* End extract */
html,body{line-height:1.5}html{overflow-x:hidden}
h1{font-size:36px}h2{font-size:30px}h3{font-size:24px}h4{font-size:20px}h5{font-size:18px}h6{font-size:16px}.w3-serif{font-family:serif}
h1,h2,h3,h4,h5,h6{font-family:"Uni Ila.Sundaram-05","Ariel Unicode MS",Ariel,Verdana,sans-serif;font-weight:400;margin:10px 0}.w3-wide{letter-spacing:4px}
hr{border:0;border-top:1px solid #eee;margin:20px 0}

/** Addedd me */
a{text-decoration: none;}

body{font-weight: 400;}
button,a,h1,h2,h3,h4,h5{font-weight: 600;}

body{background-color:var(--body-bc); color:var(--body-tc);}
a{ color:var(--link-tc);}
a:hover{ color:var(--link-htc);}
button, .w3-button{background-color:var(--button-bc); color:var(--button-tc); font-family:var(--button-ff); font-size:var(--title-fs); border: 1px solid #333;}
button:hover, .w3-button:hover{background-color:var(--button-hbc)!important;  color:var(--button-htc)!important; border: 1px solid #333;}
button:focus, .w3-button:focus,.w3-button.selected, button.selected{background-color:var(--button-sbc); color:var(--button-stc);}
h1,h2,h3,h4,h5{color:var(--title-tc); font-family:var(--title-ff);} h1 a,h2 a,h3 a,h4 a,h5 a{color:var(--title-tc);font-family:var(--title-ff);}
h1{font-size: var(--title-fs1);}
h2{font-size: var(--title-fs2);}
h3{font-size: var(--title-fs3);}
h4{font-size: var(--title-fs4);}
h5{font-size: var(--title-fs5);}
h6{font-size: var(--title-fs6);}
#fe_top_menu .w3-button{border:none;} 

header{background-color:var(--header-bc); color:var(--header-tc);}
header h1,header h2,header h3,header h4,header h5{color:var(--header-tc);}

nav{background-color:var(--menu-bc); color:var(--menu-tc);}
nav a.item{background-color:var(--menu-bc)!important; color:var(--menu-tc)!important;}
nav a.item:hover{background-color:var(--menu-hbc)!important; color:var(--menu-htc)!important;}
nav a.selected{background-color:var(--menu-sbc)!important; color:var(--menu-stc)!important;}
nav a.selected:hover{background-color:var(--menu-hbc)!important; color:var(--menu-htc)!important;}

nav .submenu{background-color:var(--submenu-bc); color:var(--submenu-tc);}
nav .submenu a{ color:var(--submenu-ltc);}
nav .submenu a:hover{ color:var(--submenu-lhtc);}
nav .submenu button{background-color:var(--submenu-bbc); color:var(--submenu-btc);}
nav .submenu button:hover{background-color:var(--submenu-bhbc); color:var(--submenu-bhtc);}



.subheader{background-color:var(--subheader-bc); background-clip:padding-box; }
 h1.subheader,h2.subheader,h3.subheader,h4.subheader,h5.subheader { color:var(--subheader-tc); }





footer{background-color:var(--footer-bc); color:var(--footer-tc);}
footer h1,footer h2,footer h3,footer h4,footer h5, footer a{color:var(--header-tc);}



body{
    font-family:var(--body-ff),"Ariel Unicode MS",Ariel,Verdana,sans-serif;font-size:var(--body-fs);  
    }


.clear { clear: both; height: 0; overflow: hidden; }
.fright{ float:right; } .fleft{ float:left; }
.taright{ text-align:right; } .taleft{ text-align:left; } .tacenter{ text-align:center; }


.bringfront{z-index:10;}
.bringback{z-index:0;}

.logo{ height:  100px;} .logo-small{ height:  60px;}

@media screen and (max-width:600px){ 
    html,body{font-size:14px;line-height:1.2}html{overflow-x:hidden}
}


/*body{background-color:#fdf6e8; }*/ a{text-decoration:none;}


 /*#content_panel{
    margin-left: 45px;
    margin-right: 45px;
 }  */ 

.ihover_img {
 }

.ihover_mid {
  transition: .5s ease;
  opacity: 0;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
  cursor:pointer;
}

.ihover_container:hover .ihover_img {
  opacity: 0.3;
}

.ihover_container:hover .ihover_mid {
  opacity: 1;
}

@media screen and (max-width:600px){
    .ihover_container .ihover_mid{ opacity:1;}
}
.izoomparent {
  
  
  position:relative;
      overflow: hidden;
}
.izoomart{height: 250px;}
.izoommag{
   height: 445px;
}
.iflipbook{
height: 370px;
}
.izoommagbox{
min-height: 500px; max-height: 500px;
}
.izoomartbox{
min-height: 335px; max-height: 335px;
}
.izoomchild {
  width: 100%;
  height: 100%;
  background-color: white; /* fallback color */
  
  background-position: center;
  background-size: cover;
  transition:all .5s ease;
}

.izoomparent:hover .izoomchild,
.izoomparent:focus .izoomchild {
  /*-webkit-animation: hglow 1s ease-in-out infinite alternate;
  -moz-animation: hglow 1s ease-in-out infinite alternate;
  animation: zooming 1s ease-in-out infinite alternate;*/
  transform: scale(1.2);
  
  -webkit-animation: hglow 1s ease-in;
  -moz-animation: hglow 1s ease-in;
  animation: zooming 1s ease-in alternate;
  
}

@-webkit-keyframes zooming {
  from { transform: scale(1); }  
  to { transform: scale(1.2); }
}

@-moz-keyframes zooming {
  from { transform: scale(1); }  
  to { transform: scale(1.2); }
}

@keyframes zooming {
  from { transform: scale(1); }  
  to { transform: scale(1.2); }
}


.hglow {
  /*font-size: 10px;*/
  color: #fff;
  text-align: center;
  -webkit-animation: hglow 1s ease-in-out infinite alternate;
  -moz-animation: hglow 1s ease-in-out infinite alternate;
  animation: hglow 1s ease-in-out infinite alternate;
}
/*
@-webkit-keyframes hglow {
  from {
    text-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 3px #e60073, 0 0 4px #e60073, 0 0 5px #e60073, 0 0 6px #e60073, 0 0 7px #e60073;
  }
  
  to {
    text-shadow: 0 0 12px #fff, 0 0 13px #ff4da6, 0 0 14px #ff4da6, 0 0 15px #ff4da6, 0 0 16px #ff4da6, 0 0 17px #ff4da6, 0 0 18px #ff4da6;
  }
}
*/
@-webkit-keyframes hglow {
  from {
    text-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 3px #ffc107, 0 0 4px #efbe2b, 0 0 5px #cea017, 0 0 6px #e8c250, 0 0 7px #dcac1d;
  }
  
  to {
    text-shadow: 0 0 12px #fff, 0 0 13px #b00, 0 0 14px #ea2323, 0 0 15px #cc3c3c, 0 0 16px #ad2424, 0 0 17px #f70e0e, 0 0 18px #d62020;
  }
}


.catsplit{ border-bottom: 2px solid var(--subheader-bc); }

.vidbox{
    max-height: 375px; min-height: 280px;
}
.audbox{
    max-height: 305px; min-height: 305px;
}
.audbg{height:165px;} .audtit{display:block; min-height:100px;max-height:100px;}


.ploading{
    position: absolute; top:0; bottom:0; left:0px; right:0px; background-color:rgba(0,0,0,0.4); display: none;
}
.ploading .loading{
position:absolute; top: 50%; left:50%;
}