@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700,500);
@import url(https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700);
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;1,100;1,400&display=swap');

/* 
@import url(https://fonts.googleapis.com/css?family=Play:400);
@import url(https://fonts.googleapis.com/css?family=Orbitron:400);
@import url(https://fonts.googleapis.com/css?family=Patua+One);
*/
@import url('https://fonts.googleapis.com/css2?family=Merriweather:wght@300;400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Merriweather+Sans:wght@600;700;800&display=swap');

@font-face {
    font-family: 'gotu';
    src: url('/custom/gotu.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
        
html {
  scroll-behavior: smooth;       
}

html, body {
    margin: 0;
    font-family: Roboto;
    overflow: auto;
    overflow-x: clip;
}

body.home {
    background-color: #000033;
}

.tm-footer {
    display: flow-root;
}

.tm-content {
    padding: 0 6% 0 6%;
    margin-top: 90px;
    max-width: 540px;
}

em {
  color: #e27f69;
}

iframe {
    border: 0
}

.container, body > div:first-of-type {
    /*max-width: unset !important;*/
    margin: auto;
}


.headerbar {
    display: none;
}


@media(max-width: 720px) {
    .tm-content {
        padding: 0 3% 0 3%;
    }
}





#slideshow-logo {
    position: absolute;
    top: 22%;
    left: 12%;
    transform: translateX(-50%);
    filter: blur(0.5px);
}

@media(max-width: 1000px) {
    #slideshow-logo {
        /*top: 82px;*/
        transform: translateX(-50%) scale(0.7);
    }
}
.home #logo {
    display:none;
}
@media(max-width: 720px) {
    .home #slideshow-logo {
        top: 12%;
        left: 12%;
        transform: translateX(-50%) scale(0.45);
        /*display: none;*/
    }
    .home #logo {
        /*display:block;*/
    }
}

@media(min-width: 800px) {
  .tm-main {
      padding-right: 40px;
  }
}
#wip {
    /*display: none;*/
    opacity: 0.75;
    color: rgb(40, 40, 90) !important;
}

#modalIFrame.uk-modal {
    right: -16px;
}
#modalIFrame.uk-modal > .uk-modal-dialog {
    max-width: 1030px;
    padding: 0px;
}


/* Contact Form */
#contact-form input[type=text],
#contact-form input[type=email]
{
  min-width: 380px;
}
#contact-form textarea {
  min-width: 380px;
  min-height: 300px;
}

/* Footer social buttons */
#footer-social > a > span {
    display: inline-block;
    vertical-align: top;
    padding: 6px;
    transition: 300ms;
}
#footer-social > a > span:hover {
    margin-top: -3px;
    filter: brightness(120%);
}


.tm-sidebar-b .uk-margin-top {
    margin-top: 20px !important;
    border: 1px solid rgba(0, 70, 66, 0.1);
    border-width: 0 0px 0 0px !important;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0 0px;
}


.tm-headerbar {
    margin-top: 38px; 
    transition-duration: 400ms;
    transition-delay: 200ms;
}
.tm-headerbar.expanded {
    margin-top: 43px;
    transition-duration: 400ms;
    transition-delay: 10ms; 
}



/* *** BLOG *** */
/* Blog top right column */
div#fd.eb.eb-nickel {
    margin-top: -70px;
}
/* Blog top left column */
/*div#fd.eb.eb-mod.mod_easyblogsubscribe*/
.tm-noblog .tm-sidebar-b {
    margin-top: -105px;
}
@media(max-width: 1220px){
  .tm-noblog .tm-sidebar-b {
    margin-top: -95px;
  }
}
@media(max-width: 767px){
  .tm-noblog .tm-sidebar-b {
    margin-top: unset;
  }
}

/* Subscribe button */
div#fd.eb.eb-mod.mod_easyblogsubscribe * {
    line-height: 25px;
}

/* Blog posts grid */
div#fd.eb .eb-masonry {
  padding: 0;
  margin: 0;
}
div#fd.eb .eb-posts {
    margin: 0 0 0 1px;
}
div#fd.eb .eb-masonry-post {
    padding: 0;
    width: 50% !important;
}
div#fd.eb .eb-post {
    position: relative;
    border-radius: 0px;
    margin-bottom: 0px;
    margin-left: -1px;
    padding-bottom: 3px;
}

/* Blog toolbar search box */
div#fd.eb .eb-navbar {
    background: rgb(245, 245, 245);
    border-color: rgb(243, 245, 245);
}
div#fd.eb .eb-navbar-search {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

/* Blog toolbar */
div#fd.eb .eb-navbar-nav > li > a {
    background: rgb(238, 238, 238); 
    color: #3b5555;
}
div#fd.eb .eb-navbar-nav > li + li {
    border-left: 1px solid rgb(245, 245, 245);
}
div#fd.eb .eb-navbar-nav > li.active > a {
    background: rgb(230, 230, 230);
    color: #3b5555;
}
/* Blog title + Continue Reading */
div#fd.eb .eb-post-head a,
div#fd.eb .eb-post-foot a,div#fd.eb .reset-heading {
    font-family: Patua One;
    color: #43aebb !important;
    font-weight: unset;
    border-color: #43aebb !important;
}
/* Blog comments in list*/
div#fd.eb .eb-masonry-post.w320 .eb-post-comments {
    position: absolute;
    left: 12px;
    bottom: 17px;
}
/* Blog title */
div#fd.eb .eb-post-title {
    font-size: 22px;
}
/* Blog post continue reading */
div#fd.eb .eb-post-foot {
    background: transparent;
    border-color: transparent;
    text-align: right;
    padding: 0 12px 7px 0;
    margin-top: 13px;
}
div#fd.eb .eb-post-foot::before {
    content: '';
    position: absolute;
    bottom: 54px;
    right: 0;
    left: 0;
    height: 16px;
    background-image: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgba(0, 0, 0, 0) 100%);
}
/* Blog image */
div#fd.eb .eb-post-thumb {
    margin-bottom: 6px;
}
/* Blog content */
div#fd.eb .eb-post-content {
    margin: 12px;
    max-height: 360px;
    overflow: hidden;
}
div#fd.eb .eb-post-body {
    display: inline-block;
    width: 100%;
    word-break: break-word;
}
/* Blog date */
div#fd.eb .eb-post-top {
    border-bottom: 1px solid #ddd;
    padding: 0px;
    border: 0;
    margin: -12px 0 2px 0;
}
/* Blog cover */
div#fd.eb .eb-post-thumb .eb-post-image,
div#fd.eb .eb-image-viewport {
  padding: 0;
  border: 0;
}

/* Blog titles right */
.uk-panel .uk-panel-title {
    background: #efefef;
    padding: 8px;
}

/*BlogMostpopular*/
div#fd.eb .mod-item + .mod-item {
	border-top: 1px solid #ddd;
	margin:0;
	padding:0;
}

div#fd.eb-entry.fd-cf .eb-entry-head h1 {
	font-size: 48px;
	line-height: 40px;
}
div#fd.eb-nickel .eb-entry-body{
    font-size:16px;
}
/**/
div#fd.eb-share {
    display: none;
}

/* Blog single entry */
div#fd.eb .eb-entry-title {
    font-size: 35px;
    line-height: 39px;
}



.margin-right--5px {
  margin-right: -5px;
}

body > div:first-of-type {
  max-width: 1100px !important;
}

a, .uk-link {
  color: #43aebb;
  transition: 200ms;
}
/* Menu & footer links */
.nav > li > a:hover, .nav > li > a:focus { 
    color: #8ac7e4;
    transition: 200ms;
}

.tm-logo {
  position: fixed;
  top: 0;
  left: 0;
  /*padding: 5px;*/
  z-index: 0;
}
.tm-logo:hover
{
   /* Logo doesn't need default bg color used on all other menus*/
  background-color: transparent !important;
  filter: brightness(109%);
}

.tm-logo img {
  height: 39px;
  padding: 2px;
  transition: 250ms;
}


/* When full scrolled to top(.top-scroll) */

.top-scroll #tm-top-a {
  margin-top: -8px;
  /* has a smaller value on smaller screens*/
}

.top-scroll .tm-logo img {
  height: 43px;
  margin-top: 0px;
}


/**/

.tm-logo p {
  padding: 0 !important;
  margin: 0 !important;
}


@media (max-width: 767px) {
  .uk-visible-medium {
    display: block !important;
  }
  .uk-visible-large {
    display: block !important;
  }
  .uk-hidden-small {
    display: block !important;
  }
}

/*#main-menu > li:last-child {
    float: right;
}*/

.tm-navbar {
  position: fixed;
  left: 0;
  top: 0;
  border: 0;
  margin: 0;
  background: white;
  width: 100%;
  z-index: 1000;
  border-radius: 0;
  left: 50%;
  transform: translateX(-50%);
  border: 2px solid #0f6bb5;
  border-width: 0 0 2px 0;
}


.tm-middle {
  margin-top: 100px;
}

#tm-top-a {
  margin-top: -18px;
}

@media screen and (max-width: 1220px) {
  #tm-top-a {
    /* Compensates for the Nano3 theme top margin decrease on widths less than 1220px. */
    margin-top: -8px;
  }
}

#tm-top-b {
  /* pledges */
  margin-top: 2px;
}

.uk-panel-box {
  padding: 0;
  border: 0;
  background: transparent;
}

@media (min-width: 1220px) { /* prolly to counter a theme CSS */
  .tm-footer {
      margin-top: 68px;
  }
}
.tm-footer {
    margin-top: 68px;
}

footer {
  margin-bottom: 0px !important;
  background: #330066;
}

footer .addthis_toolbox.addthis_default_style {
  display: block !important;
  margin-left: 12px;
}

footer .addthis_toolbox.addthis_default_style span {
  padding: 10px 5px;
}

footer .addthis_toolbox.addthis_default_style a {
  float: left;
  transition: 200ms;
}

footer .addthis_toolbox.addthis_default_style a:hover {
  margin-top: -4px;
  filter: brightness(120%);
  -webkit-filter: brightness(120%);
  transition: 200ms;
}

footer table > tbody > tr > td {
  vertical-align: top;
  font: 16px 'Roboto';
}

footer a,
footer div,
footer span,
footer .nav > li > a {
  color: white;
}

footer > div {
  margin: auto;
}

.home footer ul > li {
  text-align: unset;
}

footer ul > li {
  text-align: left;
}

.footer-3 {
  text-align: left;
  margin: 10px 0 -10px 0;
}
.home .footer-3 {
  text-align: center;
}
.footer-3 span {
  text-align: center;
  display: inline-block;
}

footer ul > li > a {
  padding: 9px 4px 3px 2px;
  margin: 3px;
  text-transform: uppercase;
  display: inline-block !important;
  transition: 200ms;
}

footer ul > li > a {
  position: relative;
}

footer ul > li:hover > a {
  background: transparent;
  transition: 200ms;
}

footer ul > li > a:after {
  content: '';
  position: absolute;
  bottom: -.1em;
  left: 50%;
  right: 50%;
  height: 1px;
  background: currentColor;
  transition: all ease .2s;
}

footer ul > li > a:hover:after {
  left: 0;
  right: 0;
  height: 1px;
}

footer ul > li > a:before {
  position: absolute;
  transform: translateX(-100%);
  left: -10px;
  color: #eee;
  opacity: .3;
  font-weight: 100;
  font-size: .8em;
}

@media(min-width: 640px) {
  footer center {
    display: grid;
    grid-template-columns: repeat(3, auto);
  }
}



/* Top menu and dropdown border */

.tm-navbar,
.uk-dropdown-navbar {
  border-color: #cccccc;
  border-bottom-width: 1px;
  z-index: 1000000;
}
/* Allow menu to stretch to max screen width on small screens */
@media (max-width: 767px) {
  .tm-navbar:not(.uk-navbar-attached) {
      max-width: 10000px !important;
  }
}


/* Footer background color */

footer {
  background: #003366;
}


/* Homepage RSS tabs side borders */

.uk-margin-top {
  margin-top: 20px !important;
  border: 1px solid rgba(0, 70, 66, 0.1);
  border-width: 0 1px 0 1px;
  margin: 0px -15px 0px -15px;
  padding: 0px 20px 0 20px;
}




div {
  box-sizing: border-box;
}

.heading-primary {
  font-size: 2em;
  padding: 2em;
  text-align: center;
}


































/*table {
  width:100%;
  table-layout: fixed;
}
.tbl-header {
  background-color: rgba(255,255,255,0.3);
 }
.tbl-content{
  height:300px;
  overflow-x:auto;
  margin-top: 0px;
  border: 1px solid rgba(255,255,255,0.3);
}
th {
  padding: 20px 15px;
  text-align: left;
  font-weight: 500;
  font-size: 12px;
  text-transform: uppercase;
}*/
table {
    font-family: Roboto;
}
td {
  text-align: left;
  vertical-align:middle;
  font-weight: 300;
  font-size: 12px;
  border-bottom: solid 1px rgba(255,255,255,0.1);
  white-space: nowrap;
}

th {
  /*background-color: #95A5A6;*/
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}
tr {
    /*background-color: #ffffff;*/
    box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.1);
  }
.col-1 {
  flex-basis: 10%;
}
.col-2 {
  flex-basis: 40%;
}
.col-3 {
  flex-basis: 25%;
}
.col-4 {
  flex-basis: 25%;
}
  
td {
  padding: 15px;
  font-size: 18px;
}

@media screen and (max-width: 620px) {
  table th {
    font-size: 8px;
  }
  table td  {
    font-size: 13px;
    padding: 6px;
  }
}
@media screen and (max-width: 400px) {
  table th {
    font-size: 5px;
  }
  table td  {
    font-size: 10px;
    padding: 2px;
  }
}
  
 /* @media all and (max-width: 767px) {
    th {
      display: none;
    }
    tr{
      
    }
    .col {
      
      flex-basis: 100%;
      
    }
    .col {
      display: flex;
      padding: 10px 0;
      &:before {
        color: #6C7A89;
        padding-right: 10px;
        content: attr(data-label);
        flex-basis: 50%;
        text-align: right;
      }
    }
  */



.textanim {
    text-align: center;
    font-family: Roboto;
    font-style: italic;
    font-weight: 300;
    font-size: 50px;
    letter-spacing: 1px;
    color: #eee;
    /*text-transform: uppercase;*/
    position: absolute;
    width: 100%;
    transform: translateX(-50%);
    left: 50%;
    bottom: 25%;
}
.textanim span {
  display: inline-block;
  animation: slideLeft 1.5s forwards;
  opacity: 0;
  transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}

@keyframes slideLeft {
  from {
    opacity: 0;
    transform: translateX(-150px);
  } 
  to {
    opacity: 1;
    transform: translateX(0%);
  }
}
.textanim.second {
    margin-bottom: -60px !important;
}
@media(max-width: 850px) {
.textanim {
        font-size: 33px;
    }
}
@media(max-width: 600px) {
.textanim {
        font-size: 23px;
    }
}




nav ul > li > a {
  transition: 200ms;
}

nav  ul > li > a {
  position: relative;
}

nav  ul > li:hover > a {
  background: transparent;
  transition: 200ms;
}

nav  ul > li > a:after {
  content: '';
  position: absolute;
  bottom: -.1em;
  left: 50%;
  right: 50%;
  height: 1px;
  background: currentColor;
  transition: all ease .2s;
}

nav  ul > li > a:hover:after {
  left: 0;
  right: 0;
  height: 1px;
}










/*    [ Keano  ( 2022.02.06 ) ]    */
/*#login-overlay ::selection {
  background: #ffffff16;
  color: snow;
}

#login-overlay ::placeholder {
  color: #fffafa4f;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  width: 100vw;
  background-color: #121416;
}
#login-overlay::after {
  content: "";
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  filter: blur(16px) opacity(0.64) brightness(1.32);
  margin: 0;
  background: url(https://repeace.es/images/backgrounds/log-in-bg.png) center/cover;
}*/


#login-overlay {
  opacity: 1 !important;
  z-index: 10000;
  display: flex;
  justify-content: center;
  align-items: stretch;
  flex-flow: column;
  background: #020002;
  text-align: center;
  /*height: 100vh;*/
}
#login-overlay, #login-overlay * {
  transition: 900ms;
}
#login-overlay form > div {
  margin-top: 24px;    
}
#login-overlay form {
  /*box-shadow: 0 8px 32px 0 #ffffff16;
  backdrop-filter: blur(8px);
  border-radius: 6px;
  border: 1px solid #ffffff04;
  padding: 0;
  max-width: 240px;*/
  z-index: 1;
}
#login-overlay input {
  background: #fff;
  width: 75px !important;
  border-radius: 4px 0 0 4px;
  border-color: #69f;
  border-width: 2px 0 1px 1px;
  height: 24px;
  padding: 2px 4px 6px 8px;
}
#login-overlay input:focus {
  background: #e0ecff; 
  box-shadow: 0px 0px 8px 8px #ffffff16;
}
#login-overlay button:hover {
  background: #25b;
  color: #fff;
}
#login-overlay button {
  text-transform: uppercase;
  letter-spacing: 2px;
  background: #69f;
  border: 1px #69f;
  color: #e0ecff;
  font-weight: bold;
  height: 35px;
  border-radius: 0 4px 4px 0;
}
#login-overlay .title {
  letter-spacing: 3px;
  font-size: 15px; 
  text-align: center;
  color: #e0ecff !important;
}
#login-overlay video {
margin-top: -30px;
width: 100%;
height: calc(100vh - 93px);
}
/*
#login-overlay .form * {
  transition: all 0.24s ease-in-out;
}
#login-overlay .form > .title {
  letter-spacing: 8px;
  font-size: 24px;
  padding: 32px;
  text-align: center;
  text-transform: uppercase;
  line-height: 40px;
  max-width: 480px;
  font-size: 25px;
  line-height: 30px;
}
#login-overlay .form > .actions {
  padding: 32px 0;
}
.form .buttons {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}
#login-overlay .form .buttons > * {
  margin: 0 !important;
}

#login-overlay input {
  line-height: 56px;
  padding: 24px 24px;
  background: #00000012;
  letter-spacing: 1px;
}
#login-overlay input:hover {
  background: #00000016;
}
#login-overlay input:focus {
  background: #00000024;
}

#login-overlay button {
  cursor: pointer;
  background: #00000012;
  line-height: 44px;
  padding: 0 24px;
  border-radius: 4px;
  border: 1px solid #ffffff12;
  margin: 32px auto;
  letter-spacing: 1px;
  text-transform: uppercase;
  width: fit-content;
}
#login-overlay button:hover {
  border: 1px solid #ffffff16;
  background: #ededed0f;
}
#login-overlay button:active {
  transform: scale(0.96);
}
#login-overlay button.flat {
  background: #ededed0f;
  border: 0;
  line-height: 46px;
  padding: 0 25px;
}
#login-overlay button.flat:hover {
  border: 0;
  background: #ededed24;
}
*/

.shine {
  position: relative;
  overflow: hidden;
}
.shine::after {
  content: "";
  background-color: #ededed0f;
  background: linear-gradient(100deg, #ffffff00 40%, #ededed0f 50%, #ffffff00 60%) #ededed0f;
  background-size: 200% 100%;
  background-position-x: 180%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
  opacity: 0;
}
.shine:hover::after, .shine.active::after {
  animation: 1.2s Shine ease-in-out infinite;
  opacity: 1;
}

@keyframes Shine {
  to {
    background-position-x: -20%;
  }
}

















/* Articles */

blockquote {
    font-weight: bold;
}
/* header */
h4, .uk-h4 {
    font-size: 20px;
    line-height: 30px;
    font-weight: bold;
}

/* h3, .uk-h3,*/
/*.uk-article-title {
  font-weight: 400;
}*/

.uk-article {
  margin-top: 90px;
  max-width: 540px;
}
 

.uk-article-title {
   font-family: Roboto;
}

.uk-article p {
  font-weight: 300;
  font-family: Merriweather;
  font-size: 18px;
  line-height: 27px;
}

.uk-article h1 {
  font-weight: 100;
  font-family: Roboto;
  font-size: 35px;
}

.uk-article h2 {
   font-weight: 100;
   font-family: Roboto;
   font-size: 26px;
   line-height: 30px;
}

.uk-article h3 {
  font-weight: 700;
  font-family: 'Merriweather Sans', sans-serif;
  font-size: 21px;
}

.uk-article h4 {
  font-weight: 700; 
  font-family: Merriweather;
}

.uk-article h6, 
.uk-article h6 em span {
    font-family: gotu !important;
}

@media screen and (max-width: 765px) {
  .uk-article {
    /*margin-top: 70px;*/
  }
  .uk-article p {
    /*font-size: 16px;
    line-height: 21px;*/
  }
  
  .uk-article h1 {
    /*font-size: 35px !important;*/
  }
}



/* NEXT */
html, body, body.home {
    background: #061234;
}

#tm-middle, #tm-footer {
    margin: 0;
}

/*.uk-panel-box {
    paddding: 0;
}*/

.tm-sidebar-b {
    display: none;
}

#home-video {
    opacity: 60%;
}

body > div:first-of-type {
  max-width: 1100px !important; /* Includes side bar */
}

h1, h2, h3, h4, h5, h6, p, ul, ol {
  color: #999999;
  /*font-family: Roboto;*/
}


.tm-headerbar, 
.tm-totop-scroller, 
#ticker-data {
  display: none !important;
}



footer {
  background: #003434;
}

.tm-footer .uk-panel + .uk-panel {
  margin-top: 0;
}