/*
Theme Name: ROSA
Theme URI: https://rosa.ro/
Author: ROSA
Author URI: https://rosa.ro/
Description: Custom theme for ROSA
Version: 1.4
License: -
License URI: -
Tags: gov, mnml, tech, responsive
Text Domain: twentyfifteen


*/

/*@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.woff2") 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.woff2") 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.woff2") 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.woff2") 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.woff2") 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.woff2") 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.woff2") 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.woff2") 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.woff2") 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.woff2") 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.woff2") 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.woff2") 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.woff2") 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.woff2") 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.woff2") 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.woff2") 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.woff2") 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.woff2") format("woff2"),
       url("InterWeb/Inter-BlackItalic.woff") format("woff");
}


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



/*some 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;



/*    ROSA*/
    --btn-text-color: #FFF;
    --menu-bk-color: #FAE2DC;
    --btn-bk-color: #FAE2DC;
    --btn-bk-hover-color: #000;

    --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-m: 1.6vw;
    --text-m-kern: -0.05vw;
    --text-m-line-height: 2.1vw;

    --text-bigx2: 5.6vw;
    --text-big-kernx2: -0.40vw;
    --text-big-line-heightx2: 5.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: initial;

    --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: #092366;
    --text-color-white: #ffffff;
    --seren-bk-color: #eaeaea;

    --content-box-padding: 20px;

    --content-box-height: 80vh;
    --content-box-height: 650px;

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



/*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{
    background: url(./img/cards_bk-imgs/static.gif) repeat center center;
    position: fixed;
    width: 100%;
    height: 100%;
    opacity: .03;
    padding: 0;
    z-index: -1;
}


/*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%;
}


@-webkit-keyframes blink {
  from { opacity: 1.0; }
  to { opacity: 0.0; }
}
.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;
}


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



/*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;
    background: #0D2466;
}
.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;
}
.image-full-contained--{
    overflow: hidden;
    width: 100% !important;
    height: auto !important;
}
.image-full-contained{
    overflow: hidden;
    height: 200px !important;
    min-width: auto !important;
    width: auto !important;
    max-width: 20vw;
    height: auto;
}
.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: var(--text-smaller);
    display: none;
}

#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-r10{
    padding-right: 10px !important;
}
.pad-r20{
    padding-right: 20px !important;
}
.pad-r30{
    padding-right: 30px !important;
}
.pad-r40{
    padding-right: 40px !important;
}
.pad-r50{
    padding-right: 50px !important;
}
.pad-b0{
    padding-bottom: 0px !important;
}
.pad-l10{
     padding-left: 10px !important;
}
.pad-l20{
     padding-left: 20px !important;
}
.pad-l30{
     padding-left: 30px !important;
}
.pad-l40{
     padding-left: 40px !important;
}
.pad-l50{
     padding-left: 50px !important;
}
.line-blue{
    width: 100%;
    height: 2px;
    background: var(--text-color-blue);
}
.align-r{
    text-align: right;
}
.align-br{
  text-align: right;
  position: absolute;
  bottom: 20px;
  right: 20px;
}
.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: var(--text-smaller);
}
iframe{
    margin-bottom: 10px;
    float: left;
    width: 100%;
    height: 100vh;
}
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);
}
.rosa-tint {
  filter: brightness(0.6) sepia(1) hue-rotate(200deg);
}

.yellow{
    background: #FFFF00;
}
.gri{
    background: #eaeaea;
}
.blue{
    background: #0B0D4D;
}
.lightblue{
    background: #00CCFF;
}
.white-text{
    color: white !important;
}
.blue-text{
    color: var(--text-color-blue);
}
.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 !important;
}
.pad10{
    padding: 10px !important;
}
.pad15{
    padding: 15px !important;
}
.pad20{
    padding: 20px !important;
}
.pad30{
    padding: 30px !important;
}
.pad35{
    padding: 35px;
}
.pad40{
    padding: 40px;
}
.pad50{
    padding: 30px;
}
.t-align-r{
    text-align: right;
}
t-align-r{
    text-align: right;
}
.kern0{
    letter-spacing: 0px;
}
.text-big, h1{
    font-size: var(--text-big);
    letter-spacing: var(--text-big-kern);
    line-height: var(--text-big-line-height);
    font-weight: 400;
}
.text-m, h2{
    font-size: var(--text-m);
    letter-spacing: var(--text-m-kern);
    line-height: var(--text-m-line-height);
}
.text-bigx2, h0{
    font-size: var(--text-bigx2);
    letter-spacing: var(--text-big-kernx2);
    line-height: var(--text-big-line-heightx2);
}
.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;
/*    word-break: break-all;*/
/*      overflow-wrap: break-word;*/
}
.text-small, h8{
    font-size: var(--text-small);
    letter-spacing: var(--text-small-kern);
    line-height: var(--text-small-line-height);
}
.text-smaller, h9{
    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, space-10{
    width: 100%;
    height: 10px;
    float: left;
}
.space-20, space-20{
    width: 100%;
    height: 20px;
    float: left
}
.space-40, space-40{
    width: 100%;
    height: 40px;
    float: left;
}
.w100{
    width: 100% !important;
}
.w95{
    width: 95% !important;
}
.w90{
    width: 90% !important;
}
.w50{
    width: 50% !important;
}
.wAuto{
    width: auto !important;
}

.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(./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-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-contact{
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 100vh;
    background: white url(./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: 100000000 !important;
    position: absolute;
    color: var(--text-color-white);
}
.top-branding{
    margin-left: 40px;
    font-size: 30px;
    font-weight: 700;
    letter-spacing: -1px;
    margin-top: 0px;
    z-index: 100;
    margin-top: 20px;
    position: absolute;
}
.top-branding-name{
    padding-top: 30px;
    float: left;
/*    position: relative;*/
}
.dropdown-content {
  display: none;

}

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

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


.owl-carousel2 .ggg{
    margin-top: -20px;
    display: none;
}
.owl-theme .owl-controls {
    margin-top: -100px;
    margin-left: 60px;
    text-align: left;
}
.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;
    padding-left: 60px;
    padding-top: 120px;
    max-width: 75%;
    z-index: 2 !important;
}
.o-text-1{
/*    position: absolute;*/
/*    padding-left: 50px;*/
/*    padding-top: 20px;*/
/*    z-index: 1000;*/

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

}
.o-text-3{
    position: absolute;
    bottom: 120px;
    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;
}






/*ROSA 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*/
.rosa-menu-container 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;
}
.box-text-container-start{
    align-self: start;
}

.display-block{
    display: block !important;
}

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

.opac1{
    opacity: .1;
}
.opac2{
    opacity: .2;
}
.opac3{
    opacity: .3;
}
.opac4{
    opacity: .4;
}
.opac5{
    opacity: .5;
}
.opac6{
    opacity: .6;
}
.opac7{
    opacity: .7;
}
.opac8{
    opacity: .8;
}

.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;
}

.logoROSA-{
    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;
    padding: 10px;
      padding-top: 0px;
    background-color: var(--text-color-blue);
}


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







/*menu Rosa-*/
.rosa-menu-container{
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 30px;
/*    margin-top: -100px;*/
    z-index: 10000000;
    position: relative;
}
.rosa-sub-container{
    float: left;
    width: 100%;
    margin-top: -55px;
}
.container-menu {
  display: flex;
  justify-content: space-between;
    color: var(--text-color-white);
    width: 85%;
}

.main-m {
  width: auto;
  height: 50px;
    z-index: 1;
/*  background-color: #ccc;*/
}

.sub-menu{
    display: none;
    position: absolute;
    margin-top: 5px;
    padding: 15px;
    margin-left: -15px;
    padding-top: 5px;
    z-index: 1000000000000 !important;
    min-width: 200px;
    max-width: 250px;
}
.sub-menu .sub-menu{
/*   background: red; */
  margin-left: 100px;
  z-index: 100000000000000 !important;
  position: absolute;
  margin-top: -25px;
/*   right: auto; */
}

.menu-item-has-children:not(:first-child)::after {
/*  content: " ›";*/
}




/*owl 1*/
.owl-gradient{
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    background: linear-gradient(to top, rgba(10, 36, 101, 1), rgba(10, 36, 101, 0));
/*     background: linear-gradient(to top, #0A2465 0%, transparent); */
}

.owl-theme .owl-dots .owl-dot span {
    width: 50px;
    height: 1px;
/*    margin: -18px 5px;*/
    margin-right: 3px;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: red;
}

/*single*/
.line-100w{
    width: 100%;
    height: 0.1px;
    background-color: var(--text-color-blue);
    float: left;
}
.white-bg{
    background-color: white !important;
}
.bread-current{
    display: none !important;
}
.separator:last-child {
  display: none !important;
}

.box-gradient{
/*    width: 100%;*/
/*    height: 100%;*/
/*    position: absolute;*/
/*    z-index: 1;*/
    background: linear-gradient(to bottom, rgba(10, 36, 101, 1), rgba(10, 36, 101, 0));
/*     background: linear-gradient(to top, #0A2465 0%, transparent); */
}

.gradient-white{
/*    width: 100%;*/
/*    height: 100%;*/
/*    position: absolute;*/
/*    z-index: 1;*/
/*    background: linear-gradient(to bottom, rgba(10, 36, 101, 1), rgba(10, 36, 101, 0));*/
     background: linear-gradient(to bottom, #ffffff 0%, transparent);
}

.gradient-box{
    background: linear-gradient(to bottom, #ffffff 0%, transparent);
    padding: 15px;
    margin-bottom: 20px;
    margin-right: 20px;
    float: left;
    width: 100%;
}
.gradient-box-full-white{
    background: linear-gradient(to bottom, #ffffff 100%, #ffffff);
    padding: 15px;
    margin-bottom: 20px;
    margin-right: 20px;
    float: left;
    width: 100%;
}
.spacer-10{
    width: 100%;
    height: 10px;
    float: left;
}
.spacer-20{
    width: 100%;
    height: 20px;
    float: left;
}
.spacer-30{
    width: 100%;
    height: 30px;
    float: left;
}
.spacer-40{
    width: 100%;
    height: 40px;
    float: left;
}


.displayB{
    display: block !important;
}
.upper, upper{
    text-transform: uppercase;
}
/*
.rosa-post-content p a{
  text-decoration: underline !important;
}
*/
.post-content-data p{
    color: var(--text-color-blue) !important;
}
.post-content-data p a{
    text-decoration: none !important;
      text-decoration: none;
      border-bottom: 0.5px solid var(--text-color-blue);
}
.forceCap, forceCap{
/*    text-transform: capitalize !important;*/
}
.forceCap {
    text-transform: lowercase !important;
  }

.forceCap::first-letter {
    text-transform: capitalize;
}





/*scrollbar*/
/* Style the scrollbar track */


/* Styling the track */
::-webkit-scrollbar {
  width: 12px;
  background-color: transparent;
}

::-moz-scrollbar {
  width: 12px;
  background-color: transparent;
}

::-ms-scrollbar {
  width: 12px;
  background-color: transparent;
}

/* Styling the thumb */
::-webkit-scrollbar-thumb {
  background-color: var(--text-color-blue);
  border-radius: 8px;
}

::-moz-scrollbar-thumb {
  background-color: var(--text-color-blue);
  border-radius: 8px;
}

::-ms-scrollbar-thumb {
  background-color: var(--text-color-blue);
  border-radius: 8px;
}

/* Styling the thumb on hover */
::-webkit-scrollbar-thumb:hover {
  background-color: #aaa;
}

::-moz-scrollbar-thumb:hover {
  background-color: #aaa;
}

::-ms-scrollbar-thumb:hover {
  background-color: #aaa;
}

/* Styling the track when the thumb is being dragged */
::-webkit-scrollbar-thumb:active {
  background-color: #999;
}

::-moz-scrollbar-thumb:active {
  background-color: #999;
}

::-ms-scrollbar-thumb:active {
  background-color: #999;
}

/* Scrollbar width and color */
::-webkit-scrollbar-track {
  background-color: transparent;
}

::-webkit-scrollbar-thumb {
  background-color: var(--text-color-blue);
  scrollbar-width: thin;
  scrollbar-color: var(--text-color-blue) transparent;
  pointer: cursor;
}

::-moz-scrollbar-track {
  background-color: transparent;
}

::-moz-scrollbar-thumb {
  background-color: var(--text-color-blue);
  scrollbar-width: thin;
  scrollbar-color: var(--text-color-blue) transparent;
}

/* IE 10+ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  ::-ms-scrollbar {
    width: 6px;
    background-color: transparent;
  }

  ::-ms-scrollbar-thumb {
    background-color: var(--text-color-blue);
    border-radius: 8px;
  }
}


/*end scrollbar*/



/*related*/
.related-module{
    color: white !important;
}



/*footer menu*/
.footer-box{
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
.footer-menu-container{
    width: 100%;
    height: auto;
}
.fix-footer-padding{
    padding: var(--content-box-padding);
}
.footer-menu-box{
    color: var(--text-color-blue);
    width: 10%;
    height: 60px;
    float: left;
    margin-right: 20px;
    margin-bottom: 30px;
    text-align: left;
}
.footer-menu-line{
    width: 0.5px;
    height: 60px;
    background-color: var(--text-color-blue);
    float: left;
    margin-right: 10px;
}
.footer-menu-item{

}



/*page*/
.post-content-data li{
  margin-bottom: 20px;
}






/*news grid*/
.container-M {
  -moz-column-count: 1;
       column-count: 1;
  -moz-column-gap: 40px;
       column-gap: 40px;
  -moz-column-fill: balance;
       column-fill: balance;
  margin: 40px auto 0;
  padding: 40px;
}
.container-M .item {
  display: inline-block;
  margin: 0 0 40px;
  page-break-inside: avoid;
  -moz-column-break-inside: avoid;
       break-inside: avoid;
  width: 100%;
}
.container-M .item img {
  width: 100%;
  height: auto;
}
@media (min-width: 600px) {
  .container-M {
    -moz-column-count: 2;
         column-count: 2;
  }
}
@media (min-width: 900px) {
  .container-M {
    -moz-column-count: 3;
         column-count: 3;
  }
}
@media (min-width: 1200px) {
  .container-M {
    -moz-column-count: 4;
         column-count: 4;
  }
}





/*stack module*/
:root {
    --stack-space-y: 3vh;
    --stack-space-x: 3vw;
    --stack-box-w: 45vw;
    --stack-box-h: 35vh;
    --stack-c1: #0D2466;
    --stack-c2: #273E76;
    --stack-c3: #4D5F8A;
    --stack-c4: #657298;
    --stack-c5: #7D87A4;
    --stack-c6: #99A0B4;
    --stack-c7: #B2B6C2;
    --stack-c8: #BFC1C9;
    --stack-c9: #CFCED0;
}
@media screen and (max-height: 750px) {
  :root {
    --stack-box-w: 45vw;
    --stack-box-h: 50vh;
  }
}
.stack-module{
    width: 100%;
    height: 600px;
    float: left;
}
.stack-box{
    width: var( --stack-box-w);
    height: var(--stack-box-h);
    position: absolute;
    margin-left: 20px;
      margin-top: 20px;
      float: left;
}

.c1{
    background: var(--stack-c1);
/*    color: var(--stack-c9);*/
    left: calc(var(--stack-space-x) * 1);
    top: calc(var(--stack-space-y) * 1);
}
.c2{
    background: var(--stack-c2);
/*    color: var(--stack-c8);*/
    left: calc(var(--stack-space-x) * 2);
    top: calc(var(--stack-space-y) * 2);
}
.c3{
    background: var(--stack-c3);
/*    color: var(--stack-c7);*/
    left: calc(var(--stack-space-x) * 3);
    top: calc(var(--stack-space-y) * 3);
}
.c4{
    background: var(--stack-c4);
/*    color: var(--stack-c6);*/
    left: calc(var(--stack-space-x) * 4);
    top: calc(var(--stack-space-y) * 4);
}
.c5{
    background: var(--stack-c5);
/*    color: var(--stack-c2);*/
    left: calc(var(--stack-space-x) * 5);
    top: calc(var(--stack-space-y) * 5);
}
.c6{
    background: var(--stack-c6);
/*    color: var(--stack-c2);*/
    left: calc(var(--stack-space-x) * 6);
    top: calc(var(--stack-space-y) * 6);
}
.c7{
    background: var(--stack-c7);
    color: var(--stack-c2);
    left: calc(var(--stack-space-x) * 7);
    top: calc(var(--stack-space-y) * 7);
}
.c8{
    background: var(--stack-c8);
/*    color: var(--stack-c2);*/
    left: calc(var(--stack-space-x) * 8);
    top: calc(var(--stack-space-y) * 8);
}
.c9{
    background: var(--stack-c9);
/*    color: var(--stack-c2);*/
    left: calc(var(--stack-space-x) * 9);
    top: calc(var(--stack-space-y) * 9);
}
.c1, .c2, .c3, .c4, .c5, .c6, .c7, .c8, .c9 {
/*    opacity: 0.3;*/
/*    transition: opacity 0.3s ease;*/
}
.stack-content{
    transition: opacity 0.3s ease;
}
.stack-navig{
    position: relative;
    /* float: right; */
    /* right: 20px; */
    cursor: pointer;
    margin-top: -60px;
    margin-left: 10px;
    width: 100%;
}
.stack-btn-up, .stack-btn-down, .stack-btn-up2, .stack-btn-down2{
  float: left;
  margin-right: 10px;
}
/*end stack 1*/




/*stack infinite*/
.stack-infinite{
    background: var(--stack-c1);
}
.st1{
    color: var(--stack-c9);
    left: calc(var(--stack-space-x) * 1);
    top: calc(var(--stack-space-y) * 1);
}
.st2{
    color: var(--stack-c8);
    left: calc(var(--stack-space-x) * 2);
    top: calc(var(--stack-space-y) * 2);
}
.st3{
    color: var(--stack-c7);
    left: calc(var(--stack-space-x) * 3);
    top: calc(var(--stack-space-y) * 3);
}
.st4{
    color: var(--stack-c6);
    left: calc(var(--stack-space-x) * 4);
    top: calc(var(--stack-space-y) * 4);
}
.st5{
    color: var(--stack-c5);
    left: calc(var(--stack-space-x) * 5);
    top: calc(var(--stack-space-y) * 5);
}
.st6{
    color: var(--stack-c4);
    left: calc(var(--stack-space-x) * 6);
    top: calc(var(--stack-space-y) * 6);
}
.st7{
    color: var(--stack-c3);
    left: calc(var(--stack-space-x) * 7);
    top: calc(var(--stack-space-y) * 7);
}
.st8{
    color: var(--stack-2);
    left: calc(var(--stack-space-x) * 8);
    top: calc(var(--stack-space-y) * 8);
}
.st9{
    color: var(--stack-c1);
    left: calc(var(--stack-space-x) * 9);
    top: calc(var(--stack-space-y) * 9);
}



.pointer{
    cursor: pointer;
}
.mobile_navig_btn{
    display: none;
}

.over{
  opacity: 1;
  transition: opacity 0.3s ease-in-out; /* set transition duration and easing function */
}

.over:hover {
  opacity: 0.5;
}

/* Disable text selection with support on major browsers */
.no-select {
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}



.bg-rounded{
    background: var(--seren-bk-color);
    border-radius: 5px;
    padding: 7px;
    padding-top: 2px;
    padding-bottom: 2px;
    color: var(--text-color-blue);
}
.qtranxs-available-languages-message{
    display: none;
}


.owl-carousel2i .ggg{
  margin-top: -30px;
}



.line3{
        width: 100%;
        height: 3px;
        background: var(--text-color-blue);
        float: left;
    }
    .line2{
    width: 100%;
    height: 2px;
    background: var(--text-color-blue);
        float: left;
    }
    .line1{
    width: 100%;
    height: 1px;
    background: var(--text-color-blue);
        float: left;
    }
    .avatar-bk{
      width: 100%;
      height: 500px;
    }


.page-numbers.dots{
    display: none;
}
.pagination-min-W{
    min-width: 70px;
}
/*hide 1st and 2nd*/
.page-numbers-:first-child,
.page-numbers-:nth-child(4),
.page-numbers-:nth-child(6) {
    display: none;
}
/*hide last page numbers*/
.page-numbers-:not(:last-child):nth-last-child(8) {
  display: none;
}

.page-numbers.current .footer-menu-item{
/*  color: red !important;*/
  font-weight: 600;
}




em{
  font-size: var(--text-smaller);
  text-align: left !important;
  font-style: normal;
}


#wpadminbar{
    z-index: 999999999999 !important;
}




.custom-search-btn{
  background: none;
  color: var(--text-color-blue);
  text-align: left;
}
input[type=search]{

}





/*search*/

:root {
  --rad: 0.7rem;
  --dur: 0.3s;
  --color-dark: #fff;
  --color-light: #fff;
  --color-brand: var(--text-color-blue);
  --font-fam: "Lato", sans-serif;
  --height: 5rem;
  --btn-width: 100px;
  --bez: cubic-bezier(0, 0, 0.43, 1.49);
}



/*
*,
*::before,
*::after {
  box-sizing: inherit;
}
*/


form {
  position: relative;
  width: 25%;
  background: var(--color-brand);
  border-radius: var(--rad);
}
input,
button {
  height: var(--height);
/*  font-family: var(--font-fam);*/
  border: 0;
  color: var(--color-dark);
  font-size: 1.8rem;
}
input[type="search"] {
  outline: 0;
  width: 100%;
  background: var(--color-light);
  padding: 0 1.6rem;
  border-radius: var(--rad);
  appearance: none;
  transition: all var(--dur) var(--bez);
  transition-property: width, border-radius;
  z-index: 1;
  position: relative;
  color: var(--color-brand);
}
button {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  width: var(--btn-width);
/*   font-weight: light; */
  background: var(--color-brand);
  border-radius: 0 var(--rad) var(--rad) 0;
}
input:not(:placeholder-shown) {
  border-radius: var(--rad) var(--rad) var(--rad) var(--rad);
  width: calc(100% - var(--btn-width));
  + button {
    display: block;
  }
}
label {
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
}








/*
.video-container {
    max-height: 600px;
    width: 100%;
    overflow: hidden;
  }

  .video-container video {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }
*/
.video-container {
    max-height: 600px;
    min-height: 600px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
  }

  .video-container video {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }





.module-8-4 .owl-controls{
    margin-top: -40px;
}







.close-mobile-menu, .mobile-menu-title{
    display: none;
}



.ggg{
    display: none !important;
}


/*owl fancy and others*/
    .text-fancy{
        padding-left: 0px !important;
        padding-right: 20px;
    }
    .owl-fancy .ggg{
        display: none;
    }

    .navig-top-fancy .footer-menu-box{
        margin-bottom: 0px;
    }
    .bottom-bar{
        width: 170px;
        height: 3px;
        background: red;
        z-index: 10 !important;
        position: absolute;
        /* float: left; */
        margin-top: 60px;
        margin-left: 0px !important;
    }
    .bottom-bar-{
            width: 3px;
            height: 60px;
            background: var(--text-color-blue);
            z-index: 10 !important;
            position: absolute;
            /* float: left; */
            margin-top: 0px;
            margin-left: 0px !important;
          opacity: 1;
        }
    .navig-top-fancy .footer-menu-box{
        width: 150px;
    }
    .avatar-bk{
/*        background-image: url("photographer.jpg");  The image used*/
          background-color: #cccccc; /* Used if the image is unavailable */
/*          height: 500px;  You must set a specified height*/
          background-position: center; /* Center the image */
          background-repeat: no-repeat; /* Do not repeat the image */
          background-size: cover;
          height: 70vh;
    }
    .avatar-bk2{
    /*        background-image: url("photographer.jpg");  The image used*/
              background-color: #cccccc; /* Used if the image is unavailable */
    /*          height: 500px;  You must set a specified height*/
              background-position: center; /* Center the image */
              background-repeat: no-repeat; /* Do not repeat the image */
              background-size: cover;
              height: 70vh;
        }
    .owl-carousel0 .avatar-bk2 {
    /*        width: auto !important;*/
        }
/*-----*/







table {
    border-collapse: collapse;
    width: 100%;
    font-size: var(--text-smaller);
}

th, td {
    border: 0.5px solid var(--text-color-blue);
    padding: 8px;
}
/*hide acronim*/
.t1 tr td:nth-child(2) {
    display: none;
}

thead {
    background-color: #f2f2f2;
}

th {
    text-align: left;
}

tr:hover {
    background-color: #f5f5f5;
}






.menu-mobile-call{
    display: none;
}

/* Styles for screens smaller than or equal to 768 pixels (typical mobile screens) */

@media (max-width: 768px) {

    :root {
        --text-big: 4.6vw;
        --text-big-kern: -0.15vw;
        --text-big-line-height: 5.6vw;

        --text-m: 14px;
        --text-m-kern: -0.05vw;
        --text-m-line-height: 16px;

        --text-bigx2: 6.6vw;
        --text-big-kernx2: -0.40vw;
        --text-big-line-heightx2: 6.6vw;

        --text-reg-line-heightx2: 20px;
    }


    /*hide search and lang switch    */
    .top-data-, .top-language, .top-search {
        display: none;
    }
    .top-branding {
        margin-top: 10px;
        margin-left: 0px;
    }
    .menu-mobile-call{
        display: block;
        cursor: pointer;
    }



    .top-data{
        padding-right: 10px;
    }
    #logoROSA{
        max-width: 50px;
    }
    .video-container {
        max-height: auto;
        min-height: auto;
    }
    .rosa-menu-container{
/*        display: none;*/
/*        opacity: 0;*/
    }
    .breadNew{
        display: none;
    }
    .navig-top-fancy{
        display: none;
    }
    .pad50{
        padding: 10px;
    }
    .pad20{
        padding: 0px !important;
    }
    .o-container-text {
        padding-left: 15px;
        padding-top: 80px;
        max-width: 90%;
    }
    .date-fancy{
        display: none;
    }
    .w50 {
        width: 100% !important;
    }
    .owl-mobile-menu{
        width: 100% !important;
    }
    .owl-mobile-menu-, .footer-menu-line-{
        height: 20px !important;
    }
    .mobile_navig_btn{
        display: block;
        float: right;
    }
    .owl-carousel2i, .ggg{
        display: none;
    }
    .col-xs-9{
        width: 100% !important;
    }
    .col-xs-4, .col-xs-6 {
        width: 100%;
    }
    .block-text-owl{
        padding: 20px !important;
    }
    .pad-r20 {
        padding-right: 0px !important;
    }
    .pad35 {
        padding: 0px;
    }
    .pad-l50 {
        padding-left: 10px !important;
    }
    .col-xs-7 {
        width: 100% !important;
    }
    .related-module{
        display: none !important;
    }
    .col-xs-1.box{
        display: none !important;
    }
    .fix-footer-padding{
        padding: 0px;
    }
    .footer-menu-box{
        width: 45%;
        height: 40px;
        margin-right: 10px;
        margin-bottom: 20px;
    }
    .footer-menu-line{
        width: .5px;
        height: 50px;
        margin-right: 10px;
    }
    .footer-box{
        margin-bottom: 40px;
        padding: 15px !important;
    }
    .content.box {
        margin-bottom: 20px;
    }

    /*    menu*/
      .container-menu{
      display: block;
    }
   .main-m{
    font-size: var(--text-bigx2) !important;
    letter-spacing: var(--text-big-kernx2) !important;
    line-height: var(--text-big-line-heightx2);
/*         font-size: var(--text-bigx2) !important; */
/*      lettter-spacing: -1px; */
        color: black !important;
        width: 100% !important;
        position: relative;
        float: left;
        /*      margin-bottom: 150px; */
        height: auto;
        margin-left: -25px;
     color: white !important;
    }
    .sub-menu{
        display: block;
        min-width: 100%;
        width: 100% !important;
        float: left;
      background: none;
      position: relative;
        margin-left: -12px;
    }
  .sub-menu .sub-menu{
    margin-left: 0px;
    margin-top: 0px;
    float: left;
    position: relative;
    height: auto;
    width: 100%;
    display: block;
    background: none;
    margin-top: -5px !important;
  }
    .rosa-menu-container{
        padding: 0px !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
        max-width: 100% !important;
        float: left ;
        width: 100%;
        position: relative;
        height: auto;
        opacity: 1;
      margin-top: 0px;
      background: linear-gradient(to bottom, rgba(10, 36, 101, 1), rgb(244 0 0 / 49%));
    }
    .rosa-menu-container, .mobile-menu-end{
        display: none;
    }
    .show-menu.rosa-menu-container,
    .show-menu.mobile-menu-end {
      display: block !important;
    }
    .rosa-sub-container{
        margin-top: 20px;
    }
   .sub-menu .menu-item{
        font-size: 16px;
        background: none;
      margin-left: -2px;
      }
    .main-m .sub-menu{
        margin-bottom: 20px;
       margin-top: -10px;
        float: left;
        position: relative;
        height: auto;
        display: block;
      }
    .sub-menu{
        margin-top: 5px !important;
    }
      .menu-item{
        color: white;
        font-size: var(--text-reg);
        letter-spacing: initial;
        line-height: var(--text-reg-line-heightx2) !important;
      }
    .close-mobile-menu, .mobile-menu-title{
        display: block;
    }
    .mobile-menu-title{
        margin-left: 17px;
    }
    .mobile-menu-end{
        width: 100%;
        height: 100px;
        background: linear-gradient(to bottom, rgb(244 0 0 / 49%), rgb(255 255 255 / 0%));
        float: left;
    }
    .rosa-post-content{
        padding: 5px !important;
    }



}