/*
Theme Name: SEREN5
Theme URI: https://iashido.com/
Author: iashido
Author URI: https://iashido.com/
Description: Custom theme for SEREN5
Version: 1.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: mnml, tech, responsive
Text Domain: twentyfifteen

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/*@import url('https://rsms.me/inter/inter-ui.css');*/

@font-face {
  font-family: 'Inter UI';
  font-style:  normal;
  font-weight: 100;
  src: url("interweb/inter-thin.woff") format("woff2"),
       url("interweb/inter-thin.woff") format("woff");
}
@font-face {
  font-family: 'Inter UI';
  font-style:  italic;
  font-weight: 100;
  src: url("interweb/inter-thinitalic.woff") format("woff2"),
       url("interweb/inter-thinitalic.woff") format("woff");
}

@font-face {
  font-family: 'Inter UI';
  font-style:  normal;
  font-weight: 200;
  src: url("interweb/inter-extralight.woff") format("woff2"),
       url("interweb/inter-extralight.woff") format("woff");
}
@font-face {
  font-family: 'Inter UI';
  font-style:  italic;
  font-weight: 200;
  src: url("interweb/inter-extralightitalic.woff") format("woff2"),
       url("interweb/inter-extralightitalic.woff") format("woff");
}

@font-face {
  font-family: 'Inter UI';
  font-style:  normal;
  font-weight: 300;
  src: url("interweb/inter-light.woff") format("woff2"),
       url("interweb/inter-light.woff") format("woff");
}
@font-face {
  font-family: 'Inter UI';
  font-style:  italic;
  font-weight: 300;
  src: url("interweb/inter-lightitalic.woff") format("woff2"),
       url("interweb/inter-lightitalic.woff") format("woff");
}

@font-face {
  font-family: 'Inter UI';
  font-style:  normal;
  font-weight: 400;
  src: url("interweb/inter-regular.woff") format("woff2"),
       url("interweb/inter-regular.woff") format("woff");
}
@font-face {
  font-family: 'Inter UI';
  font-style:  italic;
  font-weight: 400;
  src: url("interweb/inter-italic.woff") format("woff2"),
       url("interweb/inter-italic.woff") format("woff");
}

@font-face {
  font-family: 'Inter UI';
  font-style:  normal;
  font-weight: 500;
  src: url("interweb/inter-medium.woff") format("woff2"),
       url("interweb/inter-medium.woff") format("woff");
}
@font-face {
  font-family: 'Inter UI';
  font-style:  italic;
  font-weight: 500;
  src: url("interweb/inter-mediumitalic.woff") format("woff2"),
       url("interweb/inter-mediumitalic.woff") format("woff");
}

@font-face {
  font-family: 'Inter UI';
  font-style:  normal;
  font-weight: 600;
  src: url("interweb/inter-semibold.woff") format("woff2"),
       url("interweb/inter-semibold.woff") format("woff");
}
@font-face {
  font-family: 'Inter UI';
  font-style:  italic;
  font-weight: 600;
  src: url("interweb/inter-semibolditalic.woff") format("woff2"),
       url("interweb/inter-semibolditalic.woff") format("woff");
}

@font-face {
  font-family: 'Inter UI';
  font-style:  normal;
  font-weight: 700;
  src: url("interweb/inter-bold.woff") format("woff2"),
       url("interweb/inter-bold.woff") format("woff");
}
@font-face {
  font-family: 'Inter UI';
  font-style:  italic;
  font-weight: 700;
  src: url("interweb/inter-bolditalic.woff") format("woff2"),
       url("interweb/inter-bolditalic.woff") format("woff");
}

@font-face {
  font-family: 'Inter UI';
  font-style:  normal;
  font-weight: 800;
  src: url("interweb/inter-extrabold.woff") format("woff2"),
       url("interweb/inter-extrabold.woff") format("woff");
}
@font-face {
  font-family: 'Inter UI';
  font-style:  italic;
  font-weight: 800;
  src: url("interweb/inter-extrabolditalic.woff") format("woff2"),
       url("interweb/inter-extrabolditalic.woff") format("woff");
}

@font-face {
  font-family: 'Inter UI';
  font-style:  normal;
  font-weight: 900;
  src: url("interweb/inter-black.woff") format("woff2"),
       url("interweb/inter-black.woff") format("woff");
}
@font-face {
  font-family: 'Inter UI';
  font-style:  italic;
  font-weight: 900;
  src: url("interweb/inter-blackitalic.woff") format("woff2"),
       url("interweb/inter-blackitalic.woff") format("woff");
}


@import url('//fonts.googleapis.com/css2?family=open+sans:wght@300;400;500;600;700&display=swap');
/*font-family: 'Open Sans', sans-serif;*/



/*some easy stuff*/
:root {
    --menu-bk-color: white;
    --menu-item-color: #333;
    --link-color: #333;
    --my-color: #FF6600;
    --my-bigText: 7vw;
    --my-regText: 3.5vw;
    --my-text: 16px;
    --my-smallText: 12px;
    --my-siteMarginLeft: 20px;
    --fontFamilyNormal: "nb_grotesk_pro55m_normal";
    --fontFamilyRegular: "nb_architekt_neueregular";
    --tickerHeight: 50px;
    --headerContainerW: 80%;
    --headerContainerH: 600px;
    --lineH: 60px;



/*    seren5*/
    --btn-text-color: #FFF;
    --menu-bk-color: #FAE2DC;
    --btn-bk-color: #FAE2DC;
    --btn-bk-hover-color: #000;
    --seren-color-blue: #014AAC;
    --seren-color-red: #D42A32;

    --text-top-label: 26px;
    --text-top-label-kerning: -1px;

    --text-big: 26px;
    --text-big-kerning: -1px;

    --text-menu: 36px;

    --content-padding: 20px;

    --text-medium: 16px;
    --text-small: 14px;
    --text-medium-kerning: -0.5px;

/*
    --text-big: 3.6vw;
    --text-big-kern: -0.25vw;
    --text-big-line-height: 3.6vw;
*/

    --text-big: 2.6vw;
    --text-big-kern: -0.15vw;
    --text-big-line-height: 2.6vw;

/*
    --text-reg: 2vw;
    --text-reg-kern: -0.5px;
    --text-reg-line-height: 2vw;
*/
    --text-reg: 15px;
    --text-reg-kern: 0px;
    --text-reg-line-height: 20px;

    --text-small: 14px;
    --text-small-kern: 0px;
    --text-small-line-height: 16px;

    --text-smaller: 12px;
    --text-smaller-kern: 0px;
    --text-smaller-line-height: 12px;



    --text-color-blue: #000000;
    --text-color-white: #ffffff;
    --seren-bk-color: #eaeaea;

    --content-box-padding: 20px;

    --content-box-height: 600px;

    --bottom-text-padding: 10px;
}
/*  color: var(--menu-bk-color);
var(--fontFamily);
var(--tickerHeight);
var(--fontFamilyRegular);
*/

.text-Seren-blue, text-Seren-blue{
    color: var(--seren-color-blue) !important;
}
.text-Seren-red, text-Seren-red{
    color: var(--seren-color-red) !important;
}


/*my stuff*/
.container{
    width: 100%;
}

.mainenance-mode{
    text-align: center;
    font-size: 10px;
}

a { color: inherit; }
/* Page Styles */
body {
    word-wrap: break-word;
    background-color: white;
    color: var(--text-color-blue);
    background-color: var(--seren-bk-color);
/*    font-size: 1.6rem;*/

/*    background: url(img/cards_bk-imgs/static.gif) repeat center center;*/
}
.static-bg-official{
    background: url(img/cards_bk-imgs/static.gif) repeat center center;
    position: fixed;
    width: 100%;
    height: 100%;
    opacity: .03;
    padding: 0;
    z-index: -1;
}


.static-bg{
/*     background: url(img/cards_bk-imgs/static.gif) repeat center center; */
    position: fixed;
/*     width: 100%; */
/*     height: 100%; */
    opacity: .1;
/*     padding: 0; */
/*     z-index: -1; */



  background: linear-gradient(to bottom, blue, red);
  /* Additional CSS properties */
  width: 100%;
  height: 100vh;



}



/*link stuff*/
button:active {
    outline: none;
    border: none;
}
button:focus {outline:0;}


a{
    text-decoration: none !important;
/*    color: var(--btn-bk-hover-color);*/
}


.link {
    position: relative;
    padding: 0 0px 0px;
    color: #000 !important;
    text-decoration: none;
    cursor: pointer;
}

.link:after {
    background-color: #000;
    position: absolute;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    width: 100%;
    transition: width .6s ease-in-out, background-color .6s ease-in-out;
}

.link:after, .link:hover:after {
    width: 0;
}

.link:hover:after {
    width: 100%;
}
/*end link stuff*/


h3 {
    font-size: 12px;
    font-weight: 400;
    letter-spacing: -0.3px;
    line-height: 1.5;
    float: right;
    margin-top: 5px;
    margin-right: 15px;
    text-align: right;
}
h4 {
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 400;
    word-spacing: 5px;
}
p {
/*    font-size: 1.6rem;*/
   / line-height: 1.5;
    font-weight: 300;
    word-spacing: 0px;
    letter-spacing: 0px;
    float: left;
    width: 100%;
    position: relative;
}


@-webkit-keyframes blink {
  from { opacity: 1.0; }
  to { opacity: 0.0; }
}
.blink, blink {
  -webkit-animation-name: blink;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: cubic-bezier(1.0,0,0,1.0);
  -webkit-animation-duration: 1s;
}

.bg-rounded{
    background: var(--seren-bk-color);
    border-radius: 5px;
    padding: 5px;
}


html, body {
/*    text-rendering: optimizeSpeed !important;*/
    font-family: 'Inter UI', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    scroll-behavior: smooth;
}



/*loading stuff pace*/
.pace {
  -webkit-pointer-events: none;
  pointer-events: none;

  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.pace-inactive {
  display: none;
}
.pace .pace-progress {
  background: var(--text-color-blue);
  position: fixed;
  z-index: 2000;
  top: 0;
  right: 100%;
  width: 100%;
  height: 2px;
}
/*end pace*/



.site-main{
/*
    padding-left: 50px;
    padding-right: 50px;
*/
}


#return-to-top {
    position: fixed;
    bottom: 20px;
    right: 10px;
    background: #666;
    width: 20px;
    height: 20px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 99;
}
#return-to-top div {
    color: #fff;
    margin-left: 7px;
    margin-top: -4px;
    position: relative;
    left:-1px;
    top: 12px;
    font-size: 8px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    text-rendering: optimizeLegibility;
}
#return-to-top:hover {
    background:#2575B9;
}
#return-to-top:hover div {
    color: #fff;
    top: 10px;
}
.icon-top1{
    font-weight: 100;
    color: white;
    text-align: center;
    margin-top: 10px;
}
.icon-top{
    width: 8px;
    height: 8px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -moz-rotation-point: 0 0;
    -webkit-transform: rotate(225deg);
    -webkit-rotation-point: 0 0;
    -o-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    position: relative;
}
.logos{
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}
/*menu items*/
.center-menu{
/*
    width: 605px;
    margin-left: auto;
    margin-right: auto;
*/

}
.menus{
    /* width: 100%; */
    /* text-align: center; */
    position: absolute;
    z-index: 99;
/*    margin-top: -84px;*/
/*    padding-left: 50px;*/
    padding-top: 30px;
}
.menu2019{
    position: relative;
    padding: 0;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 35px;
}
.menu-box{
    width: 150px;
    height: 75px;
    background: #100C4B;
    float: left;
    position: relative;
    margin-right: 1px;
    margin-bottom: 1px;
    -webkit-transition: background-color 200ms;
    -moz-transition: background-color 200ms;
    transition: background-color 200ms;
}
.menu-box:hover{
    background: white;
    color: #100C4B;
}
.menu-box.active{
    background: white;
}
.menu-text{
    color: white;
    font-size: 14px;
    font-weight: 300;
    padding: 10px;
    height: 70px;
    -webkit-transition: background-color 200ms;
    -moz-transition: background-color 200ms;
    transition: background-color 200ms;
}
.menu-text:hover{
    color: #100C4B;
}
.menu-text.active{
    color: #100C4B;
}
/*end menu items*/





.psgal{
    text-align: left;
    float: left;
    -webkit-column-break-inside: avoid; /* Chrome, Safari */
    page-break-inside: avoid;           /* Theoretically FF 20+ */
    break-inside: avoid-column;         /* IE 11 */
    display:table;                      /* Actually FF 20+ */
}

/*owl*/
.owl-carousel{
    float: left;
}


/*sidebarL*/
.sidebarL{
    position: absolute;
    z-index: 9999;
    width: 80px;
}
.sidebar-box{
    width: 50px;
}
.sidebar-bk{
    width: 40px;
    height: 22px;
    background: #F5F5F4;
    float: left;
    position: relative;
    margin-bottom: 1px;
    -webkit-transition: background-color 200ms;
    -moz-transition: background-color 200ms;
    transition: background-color 200ms;
}
.sidebar-bk:hover{
    background: #100C4B;
}
.sidebar-bk.active{
    background: #100C4B;
}
.sidebar-text{
    color: #100C4B;
    font-size: 12px;
    font-weight: 300;
    padding: 3px;
    height: 20px;
    margin-left: 2px;
    -webkit-transition: background-color 200ms;
    -moz-transition: background-color 200ms;
    transition: background-color 200ms;
}
.sidebar-text:hover{
    color: white;
}
.sidebar-text.active{
    color: white;
}
.sidebar-box.second{
    margin-top: 100px;
    display: none;
}
/*end sidebarL*/


/*content box es*/
.content-home{
    margin-top: 70px;
}
.content-box{
/*
    margin-left: auto;
    margin-right: auto;
    width: 90%;
*/
}
.content{
    font-size: 1.6rem;
    font-weight: 300;
}
.content .title{
    font-size: 28px;
}
.content-small{
    font-size: 14px;
    margin-bottom: 20px;
    word-break: keep-all;
}
.content-regular{
    font-size: 16px;
    margin-top: 5px;
    margin-bottom: 15px;
    float: left;
    min-height: 90px;
}
.content-regular.space{
    float: left;
    margin-right: 20px;
}
.title-footer{
    font-size: 14px;
    position: absolute;
    margin-top: 50px;
    color: grey;
}
.footer{
    margin-top: 50px;
    margin-bottom: 50px;
}
.footer-box{
    padding: 50px;
    padding-top: 70px;
    padding-bottom: 40px;
    display: block;
    position: relative;
    /* bottom: 100px; */
    float: left;
    width: 100%;
/*    height: 100px;*/
}
.title-small{
    font-size: 16px;
    padding-top: 5px;
    margin-bottom: 5px;
}
.title-small-bottom{
    font-size: 12px;
    padding-top: 5px;
    color: #999;
    position: absolute;
    bottom: 5px;
}
.title-regular{
    font-size: 2.0rem;
    padding-top: 5px;
    font-weight: 300;
/*    min-height: 65px;*/
}
.title-bold{
    font-size: 16px;
    padding-top: 5px;
    font-weight: 400;
}
.title-jobs-up{
    font-size: 2.0rem;
}
.title-stat{
    font-size: 28px;
}
.title-stat-bottom{
    font-size: 28px;
    position: absolute;
    bottom: 20px;
}
.content.white{
    background: white;
}
.content.grey{
    background: #F5F5F4;
    background: white;
}
.content.blue{
    background: #1DA1F2;
    background: #AAB8C2;
    background: #F5F8FA;
/*    background: white;*/
}
.content.black{
    background: #14171A;
}
.content.box{
    padding: var(--content-box-padding);
    min-height: var(--content-box-height);
    height: auto;
    position: relative;
/*    margin-bottom: 10px;*/
    border-radius: 10px 10px 10px 10px;
}
.content.box-autoH{
    padding: 5px;
    height: auto;
    margin-bottom: 10px;
}
.content.box-feed{
    padding: 5px;
    min-height: 132px;
    margin-bottom: 10px;
}
.content.box-3x{
    height: auto;
    margin-bottom: 10px;
}
.image-square{
    margin-top: -5px;
    margin-right: -5px;
    float: right;
}
.image-full{
    margin-top: -5px;
    margin-right: -5px;
/*    float: left;*/
    width: 100%;

    margin-top: 20px;
    margin-bottom: 20px;
}
.icon-top-right{
    float: right;
    /* position: absolute; */
    margin-top: 0px;
    margin-right: 5px;
}
.icon-small{
    font-size: 20px;
    position: absolute;
    margin-top: 8px;
    margin-left: 5px;
}
img.fullWImg{
    min-width: 100%;
    max-width: 100%;
    height: auto;
}
img.fullWImg-feed{
    width: 100%;
    height: auto;
    padding-bottom: 10px;
    opacity: .8;
    filter: gray; /* IE6-9 */
  filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */
  -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
}
.icon-bottom-top{
    float: right;
    margin-top: 0px;
    margin-right: 0px;
    width: 35px;
    height: 35px;
    background: var(--text-color-blue);
    color: white;
    text-align: center;
    border-radius: 50%;
    display: inline-block;
    line-height: 34px;
    font-size: 30px;
    font-weight: 200;
}
/*bread*/
#breadcrumbs{
    list-style: none;
    margin: 0px 0px;
    overflow: hidden;
    margin-left: -20px;
    font-size: 14px;
}

#breadcrumbs li{
    display:inline-block;
    vertical-align:middle;
    margin-right:10px;
}

#breadcrumbs .separator{
    font-size:14px;
    font-weight:100;
    color:#333;
}
.content-home.bread{
    margin-top:100px;
    position: absolute;
    z-index: 100;
}
.breadNew{
    margin-left: 35px;
    margin-top: 10px;
    max-width: 80%;
}
.item-current{
    width: 250px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.item-current:empty{
    width: 0px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/*end bread*/

.padding-zero{
    padding: 0px;
}
.pad10{
    padding: 10px;
}
.pad-b0{
    padding-bottom: 0px !important;
}
.line-blue{
    width: 100%;
    height: 2px;
    background: var(--text-color-blue);
}
.align-r{
    text-align: right;
}
.pad-t0{
    padding-top: 0px !important;
}
.pad-t50{
    padding-top: 50px !important;
}
.mr10{
    margin-right: 10px;
}
.mb5{
    margin-bottom: 5px;
}
.mb10{
    margin-bottom: 10px;
}
.mb20{
    margin-bottom: 20px !important;
}
.mT20{
    margin-top: 20px;
}
.marginBottom30{
    margin-bottom: 30px;
}
.marginBottom20{
    margin-bottom: 20px;
}
.marginTop30px{
    margin-top: 30px;
}
.formSection{
    font-weight: 700;
    font-size: 2.0rem;
    margin-bottom: 10px;
}
.formSubTitle{
    font-weight: 400;
}
.formTitle{
    margin-bottom: 20px;
}
select.wpcf7-form-control.wpcf7-select{
    width: 100%;
}
input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required{
    width: 100%;
    height: 35px;
    border: 0;
    /* border-bottom: 1px solid grey; */
    outline: 0;
    background: #F5F5F4;
}
textarea.wpcf7-form-control.wpcf7-textarea{
    width: 100%;
        border: 0;
    /* border-bottom: 1px solid grey; */
    outline: 0;
    background: #F5F5F4;
}
input.wpcf7-form-control.wpcf7-text{
    width: 100%;
        border: 0;
    /* border-bottom: 1px solid grey; */
    outline: 0;
    background: #F5F5F4;
}
select#postcugir, select#postsebes{
    width: 100%;
}
div.wpcf7-response-output{
    margin: 2em 0em 1em;
    padding: 0.2em 0em;
}
.formFooter{
    font-size: 14px;
    margin-bottom: 10px;
    color: #999;
}
.boxPosturi{
    margin-bottom: 40px;
}
.margin-bottom40{
    margin-bottom: 40px;
    width: 100%;
    float: left;
}
img.alignnone.size-full{
    width: 100%;
    min-width: 100%;
    height: auto;
}
img.size-full{
    width: 100%;
    min-width: 100%;
    height: auto;
}
.wp-caption.alignnone{
    width: 100%;
    min-width: 100%;
    float: left;
    margin-top: 30px;
}
figcaption.wp-caption-text{
    margin-top: 10px;
    font-size: 14px;
}
iframe{
    margin-bottom: 10px;
}
a.generic-link:hover{
    opacity: .8;
    filter: alpha(opacity=80);
    -webkit-transition: opacity .15s ease-in-out;
        -moz-transition: opacity .15s ease-in-out;
        -ms-transition: opacity .15s ease-in-out;
        -o-transition: opacity .15s ease-in-out;
        transition: opacity .15s ease-in-out;
}
i.fa.fa-facebook.icon-smalls{
    color: #100C4B;
}
#search_form_box, .searchBox{
    visibility: hidden;
}
#search_btn{
    cursor: hand;
}
.radio_quizz span.wpcf7-list-item.first, .radio_quizz span.wpcf7-list-item.last, .radio_quizz span.wpcf7-list-item{
    float: left;
    position: relative;
    width: 100%;
}
#formQuizz{
    display: none;
}
/*end content box*/

#cookieSetter{
    margin-right: 10px;
}

.marginB5{
    margin-bottom: 5px;
}
.fontS28{
    font-size: 28px;
}
.starTop{
    height: 80px;
}
.paddingT10{
    padding-top: 10px;
}
.col-xs-12.marginBottom20.ourStar {
    background: #f5f5f4;
}
.raster {
        background: url(data:image/png;base64,ivborw0kggoaaaansuheugaaaaqaaaaecayaaacp8z5+aaaaaxnsr0iars4c6qaaabjjrefucb1jygbg+a/exahskgfv7gh/sspq5waaaabjru5erkjggg==) repeat;
        width: calc(100% - 10px);
        height: calc(100% - 5px);
/*        margin-bottom: 50px;*/
        position: absolute;
        top: 0;
    }
.line5{
    width: 100%;
    height: 5;
    background: white;
}
.col2{
  -moz-column-count: 2;
  -moz-column-gap: 30px;
  -webkit-column-count: 2;
  -webkit-column-gap: 30px;
  column-count: 2;
  column-gap: 30px;
}
.dot {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    display: none;
    -ms-grid-columns: 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px;
    grid-template-columns: 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px;
    -ms-grid-rows: 50px;
    grid-template-rows: 50px;
    background-image: url('img/cards_bk-imgs/dot.png');
    background-position: 0 0;
    background-size: 50px;
    opacity: .5
}
.hue-rotate {
    -webkit-filter: hue-rotate(90deg);
    filter: hue-rotate(90deg);
}
.saturate {
    -webkit-filter: saturate(4);
    filter: saturate(4);
}
.saturate0 {
    -webkit-filter: saturate(0);
    filter: saturate(0);
}
.saturate1 {
    -webkit-filter: saturate(1);
    filter: saturate(1);
}
.saturate2 {
    -webkit-filter: saturate(2);
    filter: saturate(2);
}
.saturate3 {
    -webkit-filter: saturate(3);
    filter: saturate(3);
}
.saturate4 {
    -webkit-filter: saturate(4);
    filter: saturate(4);
}
.yellow{
    background: #FFFF00;
}
.gri{
    background: #eaeaea;
}
.blue{
    background: #0B0D4D;
}
.lightblue{
    background: #00CCFF;
}
.white-text{
    color: white;
}
.fL{
    float: left;
}
.mR10{
    margin-right: 10px;
}
.pR50{
    padding-right: 50px;
}
.light-text{
    font-weight: 400;
}
.light{
    font-weight: 400;
}
.hide{
    display: none;
}
.pad0{
    padding: 0px;
}
.pad10{
    padding: 10px !important;
}
.pad20{
    padding: 20px !important;
}
.pad50{
    padding: 50px;
}
.t-align-r{
    text-align: right;
}
t-align-r{
    text-align: right;
}
.kern0{
    letter-spacing: 0px;
}
.text-big{
    font-size: var(--text-big);
    letter-spacing: var(--text-big-kern);
    line-height: var(--text-big-line-height);
}
.text-reg{
    font-size: var(--text-reg);
    letter-spacing: var(--text-reg-kern);
    line-height: var(--text-reg-line-height);
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
}
.text-small{
    font-size: var(--text-small);
    letter-spacing: var(--text-small-kern);
    line-height: var(--text-small-line-height);
}
.text-smaller{
    font-size: var(--text-smaller);
/*    letter-spacing: var(--text-smaller-kern);*/
}
.text-light{
    font-weight: 400;
}
light{
    font-weight: 400;
}
.text-bold, text-bold{
    font-weight: 600;
}
.bold{
    font-weight: 600;
}
bold{
    font-weight: 600;
}
.under{
    text-decoration: underline !important;
/*    position: relative;*/
/*  display: inline-block;*/
/*
      -webkit-text-underline-position: under;
      -ms-text-underline-position: below;
      text-underline-position: under;
*/
}
.under--{
/*    text-decoration: underline !important;*/
    position: relative;
  display: inline-block;
/*
      -webkit-text-underline-position: under;
      -ms-text-underline-position: below;
      text-underline-position: under;
*/
}
under{
    text-decoration: underline !important;
}
.under:after{
/*    display:block;*/
    margin-top: -30px;
}
.under--::after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  right: 0;
  height: 1px;
 background-color: black;
}
.space-10{
    width: 100%;
    height: 10px;
}
space-10{
    width: 100%;
    height: 10px;
    float: left;
}
.space-20{
    width: 100%;
    height: 20px;
}
space-20{
    width: 100%;
    height: 20px;
    float: left;
}
.space-40{
    width: 100%;
    height: 40px;
}
space-40{
    width: 100%;
    height: 40px;
    float: left;
}
.m-bot-20{
    margin-bottom: 20px;
}
.m-bot-10{
    margin-bottom: 10px;
}
.m-bot-5{
    margin-bottom: 5px;
}
.pad-t-10{
    padding-top: 10px;
}
.pad-t-20{
    padding-top: 20px;
}
.pad-t-30{
    padding-top: 30px;
}
.mar-t-10{
    margin-top: 10px;
}
.mar-t-20{
    margin-top: 20px;
}
.mar-t-30{
    margin-top: 30px;
}
.stick-to-bot{
    position: absolute;
    bottom: var(--bottom-text-padding);
}
.stick-to-top-r{
    position: absolute;
    right: 20px;
}
.op9{
    opacity: .93;
}
.op5{
    opacity: .5;
}
.static{
/*    opacity: .5;*/
    background: url(img/cards_bk-imgs/static.gif) repeat center center;
/*    display: inline-block;*/
/*    position: relative;*/
/*
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
*/
}



.img-bg-generic{
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 100vh;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}

.bk-img-0{
    background: url(img/cards_bk-imgs/img_1.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.bk-img-1WW{
    background-image: url('img/cards_bk-imgs/img_1.jpg');
    background-repeat: repeat-y; /* for vertical repeat */
    background-repeat: repeat-x; /* for horizontal repeat */
    width: 100%;
    height: auto;
    background-size: 100% auto;
}
.bk-img-1{
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 100vh;
    background: white url(https://www.seren-project.eu/wp-content/themes/seren5/img/cards_bk-imgs/bk-check.jpg) center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}
.bk-img-2{
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 100vh;
    background: white url(img/cards_bk-imgs/webminar1.png) center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}
.bk-img-3{
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 100vh;
    background: white url(img/cards_bk-imgs/webminar2.png) center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}
.bk-img-4{
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 100vh;
    background: white url(img/cards_bk-imgs/asci.gif) center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}
.bk-img-flag{
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 100vh;
    background: white url(img/cards_bk-imgs/eu-flag.jpg) center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}
.bk-img-5{
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 100vh;
    background: white url(img/cards_bk-imgs/neurons.png) center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}
.bk-img-6{
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 100vh;
    background: white url(img/cards_bk-imgs/lines.png) center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
/*    filter: blur(5px);*/
}
.bk-img-EU{
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 100vh;
    background: white url(img/cards_bk-imgs/eu.jpg) center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}
.bk-stats{
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 100vh;
    background: white url(img/cards_bk-imgs/dot.png) center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}
.bk-img-nsl{
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 100vh;
    background: white url(../../uploads/2025/02/screenshot_29-1-2025_16284_seren-project.eu_.jpeg) center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}
.bk-img-ser5{
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 100vh;
    background:url(../../uploads/2025/01/8281713584-4960b62ab1.png) center center no-repeat;    
    background-color: rgba(255,255,255,0.6);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}
.bk-contact{
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 100vh;
    background: white url(https://www.seren-project.eu/wp-content/themes/seren5/img/cards_bk-imgs/sebes.png) center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}
.white{
    color: var(--text-color-white);
}
white{
    color: var(--text-color-white);
}
.fb-bk{
    background-color: #37599A;
}

/*top data*/
.top-data{
    float: right;
    right: 0px;
    padding-right: 40px;
    padding-top: 10px;
    z-index: 1000000 !important;
    position: relative;
}
.top-branding{
    margin-left: 40px;
    font-size: 30px;
    font-weight: 700;
    letter-spacing: -1px;
    margin-top: 10px;
    z-index: 100;
}
.top-branding-name{
    padding-top: 30px;
    float: left;
/*    position: relative;*/
}
.dropdown-content {
  display: none;

}

.top-language{
    position: relative;
    display: inline-block;
    cursor: pointer;
}
.top-language:hover .dropdown-content {
  display: block;
}

/*index half box*/
.half-box-container{
/*    padding: 100px;*/
}


.owl-carousel2 .ggg{
    margin-top: -20px;
    display: none;
}
.owl-carousel2{
    width: 90%;
}
.history-timeline{
    margin-bottom: 100px;
    padding-bottom: 100px;
}
.arrow-l{
    float: left;
    display: inline-block;
    margin-top: 10px;
    width: 5%;
    cursor: pointer;
    -webkit-transition: opacity .15s ease-in-out;
        -moz-transition: opacity .15s ease-in-out;
        -ms-transition: opacity .15s ease-in-out;
        -o-transition: opacity .15s ease-in-out;
        transition: opacity .15s ease-in-out;
}
.arrow-r{
    float: right;
    display: inline-block;
    margin-top: 10px;
    width: 5%;
    text-align: right;
    cursor: pointer;
    -webkit-transition: opacity .15s ease-in-out;
        -moz-transition: opacity .15s ease-in-out;
        -ms-transition: opacity .15s ease-in-out;
        -o-transition: opacity .15s ease-in-out;
        transition: opacity .15s ease-in-out;
}

.arrow-l:hover, .arrow-r:hover{
    opacity: .5;
    filter: alpha(opacity=50);
    -webkit-transition: opacity .15s ease-in-out;
        -moz-transition: opacity .15s ease-in-out;
        -ms-transition: opacity .15s ease-in-out;
        -o-transition: opacity .15s ease-in-out;
        transition: opacity .15s ease-in-out;
}

.o-container-text{
    position: absolute;
    z-index: 100;
    padding-left: 70px;
    padding-top: 20px;
    max-width: 75%;
}
.o-text-1{
/*    position: absolute;*/
/*    padding-left: 50px;*/
/*    padding-top: 20px;*/
/*    z-index: 1000;*/

}
.o-text-2{
    padding-top: 20px;

}
.o-text-3{
    position: absolute;
    bottom: 20px;
    z-index: 1000;
    padding-left: 70px;
    max-width: 75%;
}

button {
  appearance: none;
  background: transparent;
  padding: 0;
    border: none;
  /* Other styles */
   background: var(--text-color-blue);
    color: white;
    width: 150px;
    height: 60px;
    margin-bottom: 2px;
    margin-left: 2px;

}
button:hover{
    opacity: .5;
}




/*survey*/
.qsm-pagination.qmn_pagination.border.margin-bottom{
    display: block;
    margin-bottom: 50px;
}
.qsm-btn.qsm-submit-btn.qmn_btn{
    min-height: 75px;
    background: var(--text-color-blue) !important;
}


/*
.colT1, .colT2{
        width: 50%;
    float: left;


      -moz-column-count: 1 !important;
      -moz-column-gap: 0px;
      -webkit-column-count: 1 !important;
      -webkit-column-gap: 0px;
      column-count: 1 !important;
      column-gap: 0px;


    }
*/


@media (max-width: 940px) {

    .col-xs-12, .col-xs-8{
        width: 100%;
    }
    .col-xs-4, .col-xs-6{
        width: 50%;
    }
    .col-xs-2{
        width: 25%;
    }

}




@media (max-width: 650px) {
    :root {
        --text-medium: 16px;
        --text-small: 14px;
        --text-medium-kerning: -0.5px;

        --text-big: 5.6vw;
        --text-big-kern: -0.25vw;
        --text-big-line-height: 5.6vw;

        --text-reg: 3vw;
        --text-reg-kern: -0.5px;
        --text-reg-line-height: 3.4vw;

        --text-small: 8px;
        --text-small-kern: 0px;
        --text-small-line-height: 8px;

        --text-smaller: 12px;
        --text-smaller-kern: 0px;
        --text-smaller-line-height: 12px;
    }
    .o-container-text{
        padding-left: 15px;
        padding-top: 10px;
        max-width: 75%;
    }
    .o-text-1{
        font-size: 4.2vw;
        line-height: 4.2vw;
    }
    .o-text-2{
        font-size: 2.4vw;
        line-height: 2.4vw;
    }
    .o-text-3{
        font-size: 4vw;
        line-height: 4vw;
        padding-left: 15px;
    }
    .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-6, .col-xs-8, .col-xs-12{
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
    }
    .top-branding{
        padding-left: 0px;
    }
    .center-menu{
        width: 100%;
    }
    .menus{
        position: relative;
        float: left;
        margin-top: 0px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .pad0.footer{
        padding: 5px;
    }
    .menu-text{
        font-size: 10px;
        padding: 5px;
    }
    .menu-box{
         width: 100px;
        height: 40px;
        margin-bottom: 1px;
    }
    .content.box{
        min-height: 250px;
        height: auto;
    }
    .sidebarL, .bread{
        display: none;
    }
    .content .title{
        font-size: 20px;
        margin-bottom: 10px;
        line-height: 24px;
    }
    p{
/*        font-size: 1.4rem;*/
    }
    .grid.pad0{
        padding: 0px;
    }
    .grid-item{
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .pad50{
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .col2{
      -moz-column-count: 1;
      -moz-column-gap: 0px;
      -webkit-column-count: 1;
      -webkit-column-gap: 0px;
      column-count: 1;
      column-gap: 0px;
    }
    .history-timeline{
        padding-bottom: 40px;
    }
    .breadcrumbs{
        display: none;
    }
    .top-data{
/*        display: none;*/
    }
    .owl-carousel.pad-t50{
        padding-top: 0px !important;
    }
    .footer-box {
        padding: 15px;
    }
    .title-footer {
        font-size: 10px;
        max-width: 80%;
    }
    .colT1, .colT2{
        width: 100%;
    }
    .owl-theme .owl-dots .owl-dot span {
      width: 40px !important;
    }

}

a {
    text-decoration: underline;
}

.link-box{
    float: left;
}


/*gallery pop-up hack*/
#psgal_105_1{
    opacity: 0;
    transform: scale(0.1);

}
#banner1{
    cursor: pointer;
}



/*

* {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
  user-select: none;
}
*/



details summary {
  list-style: inside none;
}

.collapse {
    display: block;
  --sp-sm: 1.8rem;
  --sp-md: 2.4rem;
  width: 100%;
  max-width: 72rem;
  margin: 0 auto;
  border-radius: 0.1rem;
  border: 0.1rem solid #ffffff;
  box-shadow: 0.1rem 0.1rem 0.3rem rgba(0, 0, 0, 0.25);
  background-color: #eaeaea;
  transition: box-shadow 250ms;
  will-change: box-shadow;
  overflow: hidden;
}
.collapse:hover {
  box-shadow: 0.1rem 0.1rem 1.8rem rgba(0, 0, 0, 0.25);
}
.collapse .title {
  position: relative;
  padding: var(--sp-md);
  font-size: 1.8rem;
  font-weight: 700;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}
.collapse .title::after {
  content: "→";
  position: absolute;
  right: var(--sp-md);
  top: 50%;
  transform: translateY(-50%);
}
.collapse[open] .title::after {
  content: "↓";
}
.collapse .divider {
  margin: 0 var(--sp-md);
  border-radius: 99em;
  border: 0.1rem solid currentColor;
  background: currentColor;
  color: #e1e1e1;
}
.collapse .description {
  padding: var(--sp-md);
  margin: 0;
  font-size: 1.4rem;
}
.collapse .description:not(:first-of-type) {
  padding-top: 0;
}





/*testimonials*/
.testi{
    float: left;
    padding-right: 20px;
}






/*seren5 menu*/
#main-menu{
    margin-left: -20px;
}
.sub-menu {
/*  display: none;*/
/*  position: absolute;*/
  z-index: 1;
  padding-inline-start: 10px;
  background: var(--seren-bk-color);
  background: white;
  margin-left: -10px;
    margin-top: 0px;
}

.menu-item:hover > .sub-menu {
  display: block;
}

#main-menu .menu-item a::before {
/*  content: "|" !important;*/
  padding-right: 10px;
  color: #000;
}
#main-menu .menu-item a::after {
/*  content: "|";*/
  padding-left: 10px;
  color: #000;
}

#main-menu li a:before {
/*  content: "|";*/
  padding-right: 10px;
  color: #000;
}


.menu-item{
/*  width: auto;*/
  float: left;
/*  margin-right: 40px;*/
    margin-bottom: 10px;
}

.sub-menu .menu-item{
  float: none;
}

/*market menu hack*/
ul {
  list-style-type: none;
}

/*
ul li::before {
  content: "";
  position: absolute;
  width: 1px;
  height: 20px;
  background-color: #999999;
  display: inline-block;
  margin-right: 10px;
  margin-top: 0px !important;
  margin-left: -10px;
}
*/

.content.box{
    display: grid;
}
.box-text-container-bottom{
    align-self: end;
}


.top-right-corner {
  position: absolute;
  top: 20px;
  right: 10px;
}

.opac1{
    opacity: .1;
}
.opac2{
    opacity: .2;
}

.t-light{
    font-weight: 400;
}
.t-super-light{
    font-weight: 200;
}

.hAuto{
    min-height: auto !important;
    max-height: auto !important;
    height: auto !important;
}
.disBlock{
    display: block !important;
}
.boxMaxH{
    max-height: var(--content-box-height) !important;
}

.logoSeren5{
    margin-right: 20px;
/*    float: left;*/
/*    text-align: center;*/
}

.menu-seren-top{
    margin-bottom: 40px;
    margin-left: -55px;
}
#menu-main-menu{
    margin-top: 20px;
}
.sub-menu .menu-item{
    margin-bottom: 0px;
}
.sub-menu{
  -webkit-box-shadow:0 0 20px white;
  -moz-box-shadow: 0 0 20px white;
  box-shadow:0 0 20px white;
    font-weight: 300;
}


.bold-m{
    font-weight: 600;
}

.post-content-data p a{
    text-decoration: none !important;
      text-decoration: none;
      border-bottom: 0.5px solid #000;

}