/*** green: 21fc49 old b4ff52 ***/
.green_color {color: #21fc49!important;}

#espa { z-index: 99; }

.hidden { display: none; }

body {background:#111111; color:#e1e1e1;}
/*body .body-innerwrapper { overflow-x: unset; }*/

body a {color:#a1a1a1; background: #0000; }
body a:hover, body a:focus, body a:active { color: #21fc49!important /*fff*/; }

header#sp-header { background: transparent; max-height: 0; min-height: 0;}
header#sp-header.header-sticky { background: #111111; max-height:unset; min-height:unset;}
@media (min-width:991px) {
  header#sp-header.header-sticky { max-height: 80px; min-height: 80px;}
}
*:focus { box-shadow: none!important; }

#sp-logo img.logo-image, #sp-logo .logo-image-phone {object-fit: scale-down;}


/* espa */
section#sp-main-body {
    z-index: 0;
    position: relative;
}
#espa .sppb-addon-single-image-container {
    position: absolute;
    right: min(5vw,30px);
    top: 90px;
    z-index: 1702;
    max-width: 90vw;
}


/* */ .slideshow .sp-slider-outer-stage { min-height: 80vh!important; max-height: 80vh!important; }
div.sppb-addon-sp-slider .sp-item.slider-content-vercally-center {  align-items: flex-end;   padding-bottom: 4rem; }

/*-.sppb-sp-slider-button .sp-slider-btn-text {color: #fff; background: #000;}*/
.slider_button.sppb-sp-slider-button .sp-slider-btn-text {
    border-radius: 0!important;
    background: #444a!important;/*#0000!important;*/
    margin-top: 1rem;
    position: relative;
}
.sp-slider.arrow-show-on-hover .sp-nav-control {
    opacity: 0;
    visibility: hidden;
    transition: .4s;
}
div.sp-slider.slideshow .sp-nav-control { margin: auto auto 100px; }

a.btn_style_1, a.btn_style_1:hover, a.btn_style_1:focus {
    background: #0000;
    color: #fff;
    margin: 2rem 0;
    border: none;
    border-radius: 0;
    padding: 1rem 3rem;
  position:relative;
  box-shadow: none;
}

.slider_button > span:before, .btn_style_1:before {
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:0;
  height:0;
  border-top:1px solid #21fc4900;
  border-left:1px solid #21fc4900;
  transition: all 0.4s ease-in-out; 
}
.slider_button:hover > span:before, .btn_style_1:hover:before {
  width:100%;
  height:100%;  
  border-color: #21fc49;
}

.slider_button > span:after, .btn_style_1:after {
  content:"";
  position:absolute;
  right:0;
  bottom:0;
  width:0;
  height:0;
  border-right:1px solid #21fc4900;
  border-bottom:1px solid #21fc4900;
  transition: all 0.4s ease-in-out; 
}
.slider_button:hover > span:after, .btn_style_1:hover:after {
  width:100%;
  height:100%;  
  border-color: #21fc49;
}
.slideshow.sppb-addon-sp-slider .sp-item .sp-background::after {
  background: -webkit-linear-gradient(45deg,#000 10%,rgba(0,0,0,0) 50%) transparent;
  background: linear-gradient(0deg,#000000a3 10%,rgba(0,0,0,0) 70%) transparent;
}

div[data-arrow-content=icon_only].sp-slider .sp-nav-control span.nav-control {
    border-width: 0px!important;
    background: #fff2!important;
    height: 40px;
    line-height: 40px;
    width: 40px;
}
div[data-arrow-content=icon_only].sp-slider .sp-nav-control span.nav-control i { line-height: 40px;}


/* menu */
div.burger-icon>span {    background-color: #e1e1e1;}
div .sp-megamenu-parent>li>a {  color: #fff; background:#0000; position: relative; }
div .sp-megamenu-parent>li.active>a, div .sp-megamenu-parent>li.active:hover>a, div .sp-megamenu-parent>li:hover>a {  color: #21fc49; background:#0000; position: relative; }
div .sp-megamenu-parent>li:last-child { padding: 0 0 0 15px;}
div .sp-megamenu-parent>li:last-child>a { padding: 0px;}

div .sp-megamenu-parent>li>a:before {
    content: "";
    width: 2px;
    height: 0px;
    position: absolute;
    left: 50%;
    top: 25px;
    background: #fff;
  transition: all 350ms ease-in-out;
}
div .sp-megamenu-parent>li:hover>a:before {
    height: 10px;
    top: 15px;
}
div .sp-megamenu-parent>li>a:after {
    content: "";
    width: 2px;
    height: 0px;
    position: absolute;
    left: 50%;
  top:unset;
    bottom: 25px;
    background: #fff;
  transition: all 350ms ease-in-out;
}
div .sp-megamenu-parent>li:hover>a:after {
    height: 10px;
    bottom: 15px;
}

/* styles */
.the_h1 > h1 {
    font-size: 2rem;
    font-weight: 100;
    margin: 0 auto 1rem 0;
}

.heading_st_1 {
    font-size: 1.4rem;
    font-weight: 100;
    color: #21fc49; /*#aaa;*/
    padding-left: 1rem;
    border-left: 0.5rem solid #21fc49;
}

/*.heading_st_2 {
    padding: 40px;
    background: url(/images/2021/12/15/omnia_logo_icon.png);
    background-size: auto;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}*/
.heading_st_2 {
    display: block;
    margin: 0 auto;
    width: fit-content;
}
.heading_st_2:before {
    width: 60px;
    height: 60px;
    display: inline-block;
    content: "";
    background: url(/images/2021/12/15/omnia_logo_icon_green.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    opacity: 0.5;
    vertical-align: bottom;
    margin-right: 1rem;
}
.heading_st_2 a {
    font-size: 1rem;
    font-weight: 100;
    color: #21fc49!important;/*#fff!important; */
    letter-spacing: 1rem;
    margin-right: -1rem!important;
    display: inline-block;
    line-height: 60px;
}
.heading_st_2 a h1 {
    font-size: 1rem;
    line-height: inherit;
    margin: 0;
}

.min_height90vh {min-height:90vh;}
.images_max-width { max-width: 350px; }

/* footer */
#sp-footer a {color:#e1e1e1;}

/* social media */
.align_right .social_buttons_style { text-align: end; justify-self: flex-end;  margin-left: auto; }
/* #sp-footer*/ .social_buttons_style_row {z-index: 6;}
/* #sp-footer*/ .social_buttons_style a { visibility: collapse; color:#e7bd20; position:relative; font-size: 0!important; padding:0; margin: 0 0 0 20px; }
/* #sp-footer*/ .social_buttons_style a {margin: 0 15px 0 0;}
/* #sp-footer*/ .social_buttons_style a:hover { visibility: collapse; color:#ffffff;}
/* #sp-footer*/ .social_buttons_style a:hover span { color:#21fc49;}
/* #sp-footer*/ .social_buttons_style a span { visibility: visible; font-size: 20px!important; color:#e1e1e1; transition: all .5s ease-in-out; }
/*
#sp-footer .social_buttons_style a:after {content:""; width:0px; height: 0px; position: absolute; background: #e7bd20; visibility: visible; left: 50%; top: 50%; transform:translate(-50%,-50%); z-index: -1; border-radius: 50%;}
#sp-footer .social_buttons_style a:hover:after, .footer_social .social_buttons_style a:hover:after {width:35px; height: 35px; }*/

footer #sp-footer ul.menu li {
    display: block;
    padding: 0.5rem 0 0 0.5rem;
    line-height: 20px;
}
footer #sp-footer ul.menu li > * {display: inline-block;}
footer #sp-footer ul.menu li a:before {
    content:"";
    width: 20px;
    height: 20px;
    background: url(/images/2021/12/15/omnia_logo_icon.png)!important;
    background-size: contain!important;
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: bottom;
    margin-right:0.5rem;
}

/* modules */
.mod-articlescategory.category-module > li > ul > li {margin-bottom:0.5rem; display: block;}
.mod-articlescategory.category-module > li > ul > li:before {
    content:"";
    width: 20px;
    height: 20px;
    background: url(/images/2021/12/15/omnia_logo_icon.png)!important;
    background-size: contain!important;
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: bottom;
    margin-right: 10px;
    margin-left: -30px;
}
.mod-articlescategory span.subtitle {
    display: block;
    font-size: 0.8rem;
}

/* blog */
/* blog * cat */
div.article-list .article {
    margin-bottom: 30px;
    padding: 0px;
    border: none;
    border-radius: 0px;
    position: relative;
}
div.article-list .article .article-intro-image img, div.article-list .article .article-featured-video img, div.article-list .article .article-featured-audio img, div.article-list .article .article-feature-gallery img { border-radius: 0; }
div.article-list .article .article-intro-image, div.article-list .article .article-featured-video, div.article-list .article .article-featured-audio, div.article-list .article .article-feature-gallery {
    margin: 0;
    border-radius: 0;
    border-bottom: none;
    overflow: hidden;
    display: inline-block;
}
div.article-body {
    position: absolute;
    bottom: 10%;
    left: 40%;
    width: 60%;
    background: #333333;
    padding: 1.5rem;
    color: #fff;
}
div.article-list .article .article-header h2 { font-size: 1.375rem; margin: 0; }
div.article-list .article .article-header h2 a, div.article-list .article .article-header h2 a:visited, div.article-list .article .readmore a , div.article-list .article .readmore a:visited{ color: #e1e1e1; }
div.article-list .article .article-header h2 a:hover, div.article-list .article .article-header h2 a:focus, div.article-list .article .readmore a:hover, div.article-list .article .readmore a:focus { color: #ffffff; }
div.article-introtext {
    padding-top: 0.5rem;
    font-size: 0.8rem;
    font-weight: 400;
    color: #cccccc;
}
div.article-list .article .readmore a {
    float: right;
    margin-top: 0.5rem;
    font-size: 0.8rem;
    position: relative;
    right:0;
    transition: all 0.75s ease-in-out;
    padding-left: 1.2rem;
}
div.article-list .article .readmore a:hover {
    right: -1.2rem;
}
div.article-list .article .readmore a:after {
    content: "";
    font-family: "Font Awesome 5 Free";
    content: "\f30b";
    font-weight: 900;
    padding-left: 0.5rem;
}
.pagination > li, .pagination > li span {
    background: #0000!important;
    border: none!important;
}
li.active.page-item { position: relative; }
li.active.page-item:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 2rem;
    height: 2rem;
    background: #333;
    border-radius: 2rem;
    transform: translate(-50%, -50%);
}
nav.pagination-wrapper { display: inline!important; }
.pagination-counter {
    text-align: center;
    font-size: 0.9rem;
    color: #e1e1e1!important;
}



/* seminaria */
div#sp-title ul.mod-articlescategory.category-module.mod-list {margin: 3rem auto 0rem; max-width:700px;}
.view-article div#sp-title ul.mod-articlescategory.category-module.mod-list {display:none;}

ul.mod-articlescategory.category-module.mod-list a.mod-articles-category-title {
    color: #b1b1b1;
    background: #0000;
}

/* blog * cat news */
.layout-omnia_od\:blog-news div.article-info {
    margin-bottom: 0.5rem;
    color: #c1c1c1;
}
.layout-omnia_od\:blog-news .article-details.row.style_standard {  align-items: flex-start; }
/* blog * article */
.article-details.row {  /* align-items: center; */ align-items: flex-start; }
@media (min-width:768px) { /* not mobiles */ .article-details.row.gallery_omnia .article_omnia  { align-self: flex-start; margin-top: 10rem; } }
.col-md-6.image_omnia { text-align: right; }
div.article-details .article-header h1 { font-weight: 100; }
div.article-subtitle {
    padding: 1rem 3rem;
    background: #333333;
    display: inline-block;
    margin: 1rem auto 1rem -3rem;
    z-index: 9;
    position: relative;
}
.pagination { justify-content: center; }
li.page-item a.page-link {
    background: #0000;
    color: #e1e1e1;
    border-radius: 0!important;
    border: none!important;
}
div.article-details .article-full-image img {border-radius:0;}
@media (min-width:992px) { /* no mobile or tablet */
    .row.row-1.cols-2 { padding-bottom: 10rem;}
    .row.row-1.cols-2 .col-lg-6:nth-child(even) {
        margin-top: 15rem;
        margin-bottom: -10rem;
    }

    .both_options .pagination > li.sep.page-item {
        width: 34px;
        height: 34px;
        background: url(/images/2021/12/15/omnia_logo_icon.png)!important;
        background-size: contain!important;
        background-repeat: no-repeat;
        display: inline-block;
        flex-grow: 0;
    }
    .both_options .pagination > li {
        flex: 1 1 34px;
        display: flex;
        justify-content: center;
    }
    .both_options .pagination > li.previous  > * { margin-left: auto; }
    .both_options .pagination > li.next  > * { margin-right: auto;  }
}



/* lightbox */
/*.lightbox-popup {overflow: hidden;}*/
.sppb-addon-single-image-container a.sppb-magnific-popup.sppb-addon-image-overlay-icon {
    top: 100%;
    left: 100%;
    transform: translate(0, 0)  scale(0.5);
    background: #e1e1e199;
    color: #000;
    animation: unset!important;
    transition: all 500ms ease-in-out;
    display:block;
	opacity:0;
  font-size: 24px;
    line-height: 46px;
    width: 50px;
    height: 50px;
    padding: 0 5px 5px 0;
    clip-path: polygon(0 0 , 19px 0, 19px 19px, 0 19px);
}
.sppb-addon-single-image-container:hover a.sppb-magnific-popup.sppb-addon-image-overlay-icon, html:not(.no-touch) a.sppb-magnific-popup.sppb-addon-image-overlay-icon {
    transform: translate(-20px, -20px) scale(1);
	opacity:1;
    clip-path: polygon(0 0 , 38px 0, 38px 38px, 0 38px);
}

/* responsive */
img.logo-image-phone { padding: 5px 0; }
@media (max-width:767px) { /* mobiles */
  footer .sppb-col-sm-6 {
    max-width: 350px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media (max-width:991px) { /* tablets & mobiles */
  .top_b_line div { text-align: center!important; }
}



/*  interest-form  */
.interest-form { padding: 2rem 0.5rem;}
.interest-form form {max-width: 650px; margin:0 auto;}
.interest-form label.formControlLabel { display: none; }
.interest-form .formResponsive .formHorizontal .formControls { margin-left: 0; }

.interest-form h2 {margin-bottom: 1rem;}
.interest-form span.formValidation { display: inline; }
.interest-form p:empty { display: none; }
.interest-form .formResponsive .formHorizontal .rsform-block {margin-bottom: 0;}

.interest-form::-moz-placeholder, .interest-form::placeholder { opacity: 1; }

.interest-form input, .interest-form textarea {
    width: 100%;
    margin: 0!important;
    padding: 1rem 0.5rem!important;
    box-sizing: border-box!important;
    border-radius: 0!important;
    border: none!important;
    border-bottom: 2px solid #e1e1e1!important;
    border-left: 2px solid #e1e1e1!important;
    background: #0000!important;
    color: #f1f1f1!important;
    font-size: 1rem!important;
}
.interest-form button#submit {
    background: #21fc49;
    box-shadow: none;
    width: 100%;
    font-size: 1.2rem;
    border-radius: 0!important;
    padding: 0.75rem;
    color: #000;
    text-shadow: none!important;
    font-weight: 900;
    opacity: 0.5;
    transition: all 0.4s ease-in-out; 
}
.interest-form button#submit:hover { opacity: 1; }