@import url("../guidelines_variables.css");
.background-image33
{
    height: 916px;
    /* transform: matrix(-1, 0, 0, -1, 0, 0); */
    /* background: transparent linear-gradient(180deg, #143E9B 0%, #00CCF3 100%) 0% 0% no-repeat padding-box; */
    mix-blend-mode: multiply;
    background-size: inherit;
    width: 100%;
}
:root {
    --main-comntainer-margin:100px;
    --fix-left-margin:20px;
    --blue_color: #0000a0;
}

/* .region-content{

  margin-top: var(--main-comntainer-margin);
} */

/* .header-carousel-title */
#header_carousel .views-field-title{
    position: absolute;
    top: 35%;
    text-align: left;
    letter-spacing: 0em;
    z-index: 0;
    line-height: 1.2;
}

.view-id-header_e_api_catalog .views-field-title h1,
.view-id-header_showcases_catalog .views-field-title h1,
.view-id-header_analytics_catalog .views-field-title h1 {
    text-align: left;
    color: #ffffff;
}

#header_carousel .view-header-homepage  .views-field-title{
    max-width: 35%;
}

.path-api-catalog #header_carousel .views-field-title,
.path-analytics-catalog #header_carousel .views-field-title,
.path-main-search #header_carousel .views-field-title {
    font-size: 80px;
    width: 40%;
}

.path-frontpage #header_carousel .view-header-homepage  .views-field-title{
    max-width: 40%;

}

.path-frontpage #header_carousel .views-field-title{
    top: 25%;
    font-size: 80px;
    font-size: 5vw;

}
.path-showcases #header_carousel .views-field-title,
.path-analytics #header_carousel .views-field-title {
    font-size: 80px;
    font-size: 5vw;
    width: 40%;
}

.views-field-field-carousel-image-{
    z-index: -2;
}

#header_carousel {
    top: 0%;
}

#header_carousel .header-carousel-image {
/* background: none; */
  background: -moz-linear-gradient(top, #000000 0%, rgba(0,0,0,0) 50%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(50%,rgba(0,0,0,0)));
  background: -webkit-linear-gradient(top, #000000 0%,rgba(0,0,0,0) 50%);
  background: -o-linear-gradient(top, #000000 0%,rgba(0,0,0,0) 50%);
  background: -ms-linear-gradient(top, #000000 0%,rgba(0,0,0,0) 50%);
  background: linear-gradient(to bottom, #000000 0%,rgba(0,0,0,0) 50%);
}

#header_carousel .header-carousel-image > img {
    position: relative;
    z-index: -1;
     max-height: 700px;
    min-height: 700px;
}


#navbar{
    position: sticky;
    top:var(--toolbar-admin-shift);
    background-color: rgba(0,0,0,0.85);
}



#header_carousel .header-carousel-image > img{
	z-index: -10;
	margin-top: 0;
	display: block;
	width: 100vw;
	object-fit: cover;
}

#header_carousel .views-field-body{
    position: absolute;
    /* top: 45%; */
    top: 27%;
    right: 20%;
    color: white;
    letter-spacing: 0em;
    z-index: 0;
    width:27.9%;
}


/* #header_carousel .views-field-body > .header-carousel-body{
width: 468px;
/* width: 100%;
max-width: 468px; }*/

#header_carousel{
    z-index: 0;
}

#header_carousel .views-field-field-header-article-link{
position: absolute;
top: 80%;
}
#header_carousel .views-field-field-header-article-link .btn-default{
background-color: transparent;
border: none;
padding: 0;
}

#header_carousel .views-field-field-header-article-link a{
	color: var(--button1-inactive-border);
    border: 2px solid var(--button1-inactive-border);
    background: transparent;
    font-size: 16px;
	font-weight: bold;
    position: relative;
    top: 25%;
    width: 100%;
    height: 58px;
    border-radius: 0px;
}

#header_carousel .views-field-field-header-article-link a:hover{
    outline-color: transparent;
    background-color: rgba(255,255,255,0.2)!important;
    height: 100%;
    color: #fff;
}

@media (min-width: 768px){
  .field--name-field-img-footer,
.views-field-field-header-article-link,
#header_carousel .views-field-title {
  left: calc((100vw - 720px)/2 + var(--fix-left-margin));
}

}

@media (min-width: 992px){
   .field--name-field-img-footer,
.views-field-field-header-article-link,
#header_carousel .views-field-title {
  left: calc((100vw - 940px)/2 + var(--fix-left-margin));
}
}


@media (min-width: 1200px){
   .field--name-field-img-footer,
.views-field-field-header-article-link,
#header_carousel .views-field-title {
    left: calc((100vw - 1280px)/2 + var(--fix-left-margin));
}
}
@media (min-width: 768px){
    .path-frontpage #header_carousel .views-field-body
    {
        left: calc((100vw - 720px )/2 + 45% + var(--fix-left-margin));
    }
}
@media (min-width: 992px){
    .path-frontpage #header_carousel .views-field-body
    {
        left: calc((100vw - 940px)/2 + 45% + var(--fix-left-margin));
    }
}
@media (min-width: 1200px){
    .path-frontpage #header_carousel .views-field-body
    {
        left: calc((100vw - 1260px)/2 + 45% + var(--fix-left-margin));
    }
}



.page-header{
    display: none

}


.navbar-header{
    z-index: 10;
}

.main-containerFrontPage
{
    margin-top: var(--main-comntainer-margin);
    /* position: relative; */
    /* top:-120px; */
    /* top:650px; */
    /* top:600px; */
}


/*Content Position*/

#block-views-block-homepagepopupslider-block-1::after{
    /* display: none; */
    background: #FED100;
}

.view-display-id-page_1{
    top:0;
    position: relative;
}

.view-id-frontpage .view-content{

    position: relative;
    /* top: 60px; */
    margin-top: 60px;
}

.view-id-last_showcases_{
    position: relative;
    /* top:110px; */
    margin-top: 110px;
}

.block-views-blocklast-ideas-block-1,
.view-last-ideas.view-id-last_ideas.view-display-id-default,
.view-id-last_catalog {
    position: relative;
    margin-top: 110px;
}


.view-last-ideas .view-content{
    position: relative;
    margin-top: 60px;
}

[id *=  block-apicatalog]{
    position: absolute;
    right: 0%;
    top: -10px;
    z-index: 1;
}



#block-menubuttonfrontpageshowcases-1,
#block-allcompaniesbutton{
    position: relative;
    float: right;
    top: -25px;
    right: 0%;
    z-index: 1;
}

.view-id-last_ideas .pager__item{

    float: right;
}

.view-id-last_ideas .pager__item a{
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: normal;
    text-align: right;
    color: #143e9b;
}

#ideas-button-menu{

    /* position: absolute;
    right: 0%; */
    float: right;
    /* top: 95%; */
}

.t-10 {
    top: -10px;
}

.ml8-100 {
    margin-left: 8%;
}

.ml6-100 {
    margin-left: 6%;
}