/* For Novaro's Theme Customization Style */


/* contact-block */
/* DAS-UNTERNEHMEN block-team */
/* testimonial */
/* services */
/* logo-home-section */
/* team-block &  technology animation */
/* accordion */
/* blog-prev-home */
/* Connact Apps Portfolio Post */






.services-col h6.white.marginsmall {
    color: #000000!important;
}

.services-row .services-col {
    position: relative;
    padding-bottom: 60px;
}

.services-row .services-col  .footer-btn {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 15px;
}

.sub-menu.dropdown-menu li {
    text-align: left;
    width: 100%;
}
.sub-menu.dropdown-menu li a {
    padding: 10px 30px !important;
    text-transform: none !important;
    font-size: 14px;
}

/*=============contact-block========custom-css==========*/

.contact-block {
    flex-wrap: wrap;
}
.contact-one,
.contact-three {
    display: flex;
    width: 100%;
    justify-content: space-around;
}
.contact-block .image {
    width: 50%;
    height: 350px;
    padding: 20px 50px;
}
.contact-block .image img {
    border-radius: 10px;
}
.contact-two {
    display: flex;
    width: 100%;
    flex-direction: row-reverse;

}
.contact-block  .adress {
    width: 30%;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    padding: 30px 50px;

}
.contact-two img {
    height: 350px;
}
.icn-container {
    width: 18px;
    height: 18px;
    line-height: 18px;
    padding: 18px;
}
.contact-block .bordertitle {
    width: 100%;
    display: block;
    margin-bottom: 50px;

}

.bordertitle hr {
    width: 25%;
    height: auto;
    margin: 30px auto 0;
    border: 2px solid #009de8;
}


.our-office {
    display: flex;
    justify-content: center;
    margin-top: 50px;
    flex-wrap: wrap;
}
.our-office .item-office {
    margin: 5px;
}


.nvr-trotating .slides li {
    border-radius: 10px;
    padding: 0;
    margin: 0;
}

/*======================DAS-UNTERNEHMEN block-team========*/

/*.entry-content .block-team {*/
/*   display: flex;*/
/*   flex-wrap: wrap;*/
/*   justify-content: center;*/
/*}*/

/*.entry-content .block-team .team-item {*/
/*   margin: 30px;*/
/*   text-align: center;*/
/*}*/

/*=============================================testimonial==============================*/
#testimonials-section{
    margin: 70px auto;
    padding: 70px;
    background: #f5f5f5;
}
#testimonials-section h2{
    font-weight: 800;
    font-size: 48px;
    line-height: 120%;
    text-align: center;
    margin: 0 auto 30px;
}
#testimonials-section .section{
    background: transparent;
}

#testimonials-section .flexslider {
     max-width: 1010px;
     margin: 0 auto;
     background: #ffffff;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
 }

#testimonials-section .slide-inner{
    text-align: center;
}

#testimonials-section .testithumb img {
    border-radius: 50%;
    width: 100px;
    height: 100px;
    margin: 0 auto;
}
#testimonials-section  blockquote {

}


#testimonials-section .testititle {
    color:#000;
    font-size: 24px;
    font-weight: 300;
    font-style: normal;
    line-height: 1.2;
    margin: 15px auto 6px;
}
#testimonials-section .testititle strong {
    font-weight: 800;
}

#testimonials-section .testiinfo {
    font-weight: 500;
    color: #666 !important;
    margin: 6px auto 15px;
    font-family: Roboto, sans-serif !important;
}
#testimonials-section blockquote {
    color: #000 !important;
    margin: 15px auto;
}

#testimonials-section .social-testi a{
    border: 1px solid #4B87FF;
    box-sizing: border-box;
    border-radius: 20px;
    padding: 14px 30px 14px 54px;
    position: relative;
}
#testimonials-section .social-testi a span{
    font-family: Montserrat, sans-serif;
    color: #000;
    font-size: 12px;
    font-weight: 700;
}
#testimonials-section .social-testi a::before{
    color: #4B87FF;
    position: absolute;
    left: 30px;
}
#testimonials-section .flex-direction-nav a{
    z-index: 100;
    top: calc(50% - 25px) !important;
    width: 50px;
    height: 50px;
    text-align: center;
    text-indent: 0 !important;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    display: flex !important;
    justify-content: center;
    align-items: center;
    background: #fff;
}
#testimonials-section .flex-direction-nav a:hover{
    background: #F9C00D;
    color: #000;
}

#testimonials-section .flex-direction-nav a.flex-next {
    right: 0 !important;
}
#testimonials-section .flex-direction-nav a.flex-prev {
    left: 0 !important;
}

#testimonials-section a.flex-next:before,
#testimonials-section a.flex-prev:before {
    vertical-align: middle;
    font-size: 16px;
    font-weight: 600;
}

#referenzen li.flex-active-slide, #references li.flex-active-slide {
    padding: 20px!important;
}

.postscontainer .imgcontainer {
    float: left;
    width: 50%;
    margin: 25px;
    padding-top: 25px;
}
.postscontainer .entry-icon {
    display: none;
}

.social-testi {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;

}
.testiinfo {
    margin-bottom: 5px!important;
    color: #000;
}
.social-testi .icn-container.type3 {
    color: #000000;
}
#content-referenzen .flex-next,
#content-referenzen .flex-prev,
#content-references .flex-next,
#content-references .flex-prev {
    background: #00a0e8!important;
    border-color:  #00a0e8!important;
}
/*=================services================*/
.services-col p {

    color: #959697;
}
.services-col  .read-more {
    font-family: Merriweather!important;
    font-size: 16px;
    margin-top: -5px;
}
.services-col  .read-more:hover {
    color: #49a4e0;
}
.services-col {
    padding: 10px;
}
.services-col:hover {
    border: 1px solid #49a4e0;
    border-radius: 5px;

}

/*=================logo-home-section==============*/
.logo-clients, .logo-partners {
    margin: 30px auto 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
}

.logo-clients img, .logo-partners img  {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    object-fit: contain;
}

.logo-partners img {
    margin: 12px 36px;
    height: 124px;
    width: 166px;
}
.logo-clients img  {
    margin: 30px 45px;
    height: 150px;
}

.logo-clients img:hover, .logo-partners img:hover {
    filter: none;
}
.logo-clients .photo, .logo-partners .photo {
    background: #fff;
    margin: 10px;
    overflow: hidden;
    border: 2px solid #F5F5F5;
    box-sizing: border-box;
    border-radius: 20px;
}
.logo-clients .photo a, .logo-partners .photo a{
    outline:none;
}


.row .eight {
    width: 100%;
}

.web-content {
    padding: 5px 30px;
}

@media (max-width: 992px) {
    .logo-clients .photo, .logo-partners .photo{
        width: 44%;
    }
}
@media (max-width: 576px) {
    #main-page {
        padding: 5px !important;
    }

    .logo-clients .photo, .logo-partners .photo{
        width: 100%;
        margin-top: 0;
        margin-bottom: 0;
        height: 150px;
    }
    .logo-clients img, .logo-partners img{
        margin-top: 0;
        margin-bottom: 0;
    }

    .section-title {
        margin: 10px 5px !important;
    }

    .main-content {
        margin: 10px 5px !important;
    }

    .contact-one, .contact-three, .contact-two {
        flex-wrap: wrap;
    }

    .contact-block .adress {
        width: 100%;
    }

    .contact-block .image {
        height: auto;
        padding: 0;
        width: 100%;
    }

    #post-743 .row {
        width: 100%;
    }

    .logo-clients, .logo-partners {
        justify-content: center;
    }
    .item-project {
        flex-wrap: wrap;
        justify-content: center;
    }
    .image_project img {
        max-width: 100px;
        margin: 0;
    }
    .four .hiddenflow.foto{
        text-align: center;
    }
}

#singlepost .imgcontainer {
    text-align: center;
}

@media (max-width: 768px) {
    #maincontent {
        max-width: 100% !important;
    }

    .wpml-ls-native {
        font-size: 10px !important;
    }
    .web-content {
        padding: 5px 0px;
    }
    #outermain {
        padding: 0 0 15px 0;
    }
    #outermiddle {
        padding: 0!important;
    }
    .main-content {
        margin: 20px 40px!important;
    }
    .section.default {
        padding-bottom: 20px;
        padding-top: 20px;
    }
    .item-office {
        margin: 0 5px;
    }
    .item-project {
        justify-content: center!important;
    }
    .item-project ul {
        margin: 5px;
    }
    .item-project ul li {
        padding-right: 5px;
        padding-left: 5px;
    }
}

#outermiddle {
    padding: 0!important;
}







/*=============================project  fadeInRight fadeInleft====================*/


@keyframes fadeInleft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, -100%);
        transform: translate3d(-100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}


@keyframes fadeInRight{
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 100%);
        transform: translate3d(100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

#typischerprojektablauf {
    text-align: center;
}

.project li {
    opacity: 0;
    list-style: none;
    font-size: 14px;
    text-align: justify;

}

.project li.first{
    animation: fadeInRight 2s ease-in-out 0s forwards;
    animation-delay: 2s;
}

.project li.second {
    animation: fadeInleft 2s ease-in-out 0s forwards;
    animation-delay: 4s;
}


.project li.third {
    animation: fadeInRight 2s ease-in-out 0s forwards;
    animation-delay: 5s;
}


.project li.fourth {
    animation: fadeInleft 2s ease-in-out 0s forwards;
    animation-delay: 6s;
}


.project li.fifth {
    animation: fadeInRight 2s ease-in-out 0s forwards;
    animation-delay: 7s;
}

/*=========================fadeinTop===========================*/

@keyframes fadeinTop {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeinTop {
    font-size: 16px;
    margin-bottom: 20px;
    opacity: 0;
    animation: fadeinTop 1s ease-in-out 0s forwards;
    animation-delay: 1s;
}


/*=========================scale-img===========================*/
.project {
    width: 100%;
    margin: 0 auto;
}

.project .fadeinTop {
    font-size: inherit;
}

.image_project {
    overflow: hidden;
    width: 50%;
    text-align: center;

}

.image_project img {
    /*max-width: none;*/
    margin: 10px;
    max-width: 270px;
}
.item-project ul {
    margin: 50px;
}
/*.item-project ul li {*/
/*   padding-right: 50px;*/
/*   padding-left: 50px;*/
/*}*/

@keyframes scale {
    from {
        opacity: 0;
        transform: scale(0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}
.image_project img {
    opacity: 0;
    animation: scale 2s ease-in-out 0s forwards;
     width: 100%;
}
img.first-img {
    animation-delay: 2s;
}
img.second-img {
    animation-delay: 4s;
}
img.third-img {
    animation-delay: 5s;
}
img.fourth-img {
    animation-delay: 6s;
}
img.fifth-img {
    animation-delay: 7s;
}




#outerafterheader {
    padding: 110px 0 30px;
}

/*========================team-block &  technology animation==========================*/

.technology-wrap {
    max-width: 1120px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.portfolio-wrap {
    max-width: 1120px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}


.technology-item  {
    padding: 10px;
    max-width: 300px;
}
.portfolio-item {
    padding: 10px;
    max-width: 300px;
}


.technology-item-wrap {
    position: relative;
    overflow: hidden;
    text-align: center;
    box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    background: black;
    color: white;
}
.portfolio-item-wrap {
    position: relative;
    overflow: hidden;
    text-align: center;
    box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    background: black;
    color: white;
    height: 290px;
}


.technology-item-wrap {
    height: 300px;
}
.technology-item img {
    height: 300px;
    object-fit: cover;
}


.technology-item img{
    display: block;
    width: 100%;
    opacity: .4;
    transition: .5s ease-in-out;
}
.portfolio-item img {
    display: block;
    height: auto!important;
    width: 100%;
    opacity: 1;
    transition: .5s ease-in-out;
}


.technology-item-inner {
    position: absolute;
    top: 100%;
    left: 7%;
    right: 7%;
    bottom: 45%;
    /*border: 1px solid white;*/
    /*border-width: 0 1px 1px;*/
    transition: .4s ease-in-out;
}
.portfolio-item-inner {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    background: #000;
    margin: auto;
    width: 100%;
    transition: .4s ease-in-out;
}
.portfolio-item  .portfolio-heading-name {
    text-align: center;
}

.technology-heading .portfolio-heading {
    overflow: hidden;
    transform: translateY(-50%);
}


.technology-heading h4 {
    display: table;
    margin: 0 auto;
    padding: 0 10px;
    position: relative;
    color: white;
}
.portfolio-heading h3 {
    display: table;
    margin: 0 auto;
    padding: 0 10px;
    position: relative;
    color: white;
}


/*.technology-heading h4:after,*/
/*.technology-heading h4:before {*/
/*    content: "";*/
/*    position: absolute;*/
/*    top: 50%;*/
/*    width: 50px;*/
    /*height: 1px;*/
    /*background: white;*/
/*}*/
/*.portfolio-heading h3:before,*/
/*.portfolio-heading h3:after {*/
/*    content: "";*/
/*    position: absolute;*/
/*    top: 50%;*/
/*    width: 50px;*/
/*    height: 1px;*/
/*    background: white;*/
/*}*/

.technology-heading h4:before{
    left: -50px;
}
.portfolio-heading h3:before {
    left: -50px;
}


.technology-heading h4:after {
    right: -50px;
}

.portfolio-item-inner ul {
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
    /*padding: 0 20px;*/
    opacity: 0;
    list-style: none;
    transition: .2s ease-in-out;
    margin: 0;
}


.portfolio-item-inner li {
    position: relative;
    font-size: 12px;
    padding: 10px 0;
    margin-bottom: 4px;
    font-size: 12px;
}
/*.portfolio-item-inner li:after {*/
/*    content: "";*/
/*    position: absolute;*/
/*    left: 50%;*/
/*    margin-left: -2px;*/
/*    bottom: -4px;*/
/*    width: 2px;*/
/*    height: 2px;*/
/*    border-radius: 50%;*/
/*    background: white;*/
/*    box-shadow: 10px 0 0 white, -10px 0 0 white;*/
/*}*/

/*.portfolio-item-inner li:last-child:after {*/
/*    content: none;*/
/*}*/

.portfolio-item a {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    z-index: 1;
}


.technology-item:hover img  {
    opacity: 0.3;
    transform: scale(1.1);
}
.portfolio-item:hover img {
    opacity: 0.3;
    transform: scale(1.1);
}


.technology-item:hover .technology-item-inner {
    top: 5%;
}
.portfolio-item:hover .portfolio-item-inner {
    top: 10%;
    bottom: 9%;
     transform: translateY(0);
    background: transparent;
}


.technology-item:hover:first-child  .technology-item-inner{
    top: 7%;
    bottom: 7%;
}


.portfolio-item:hover ul {
    opacity: 1;
    transition-delay: .4s;
}


@media (min-width: 576px) {
    .technology-item {
        flex-basis: 50%;
        flex-shrink: 0;
    }
    .portfolio-item {
        flex-basis: 50%;
        flex-shrink: 0;
    }
}
@media (min-width: 768px) {
    .technology-item{
        flex-basis: 33.333333333%;
    }
    .portfolio-item {
        flex-basis: 33.333333333%;
    }

}



.portfolio-heading p {
    display: none;
}


.slides .testilogo img {
    display: none;
}
#content-referenzen,
#content-references {
    padding-bottom: 0!important;
    margin-top: 0;
}

/*==============================accordion=======================*/

#faq-section .container{
    max-width: 1010px !important;
}
#faq-section .section{
    padding-bottom: 0;
}
#faq-section h2{
    font-weight: 800;
    font-size: 48px;
    line-height: 120%;
    text-align: center;
    margin: 0 auto 15px;
}

#faq-section a{
    color: #F9C00D;
    font-weight: 700;
}
#faq-section .entry-content > h2+p {
    text-align: center;
    margin: 15px auto 30px;
    color: #000;
    font-size: 18px;
    font-family: Roboto, sans-serif;
    font-weight: 500;
}

.accordion__item p{
    margin-bottom: 15px;
}

.accordion__content p {
    padding: 20px;
    margin: 0;
}

.accordion__content{
    display: none;
    background: #F5F5F5;
    border-radius: 0 0 20px 20px;
    padding: 30px 40px 40px;
    margin-top: -15px;
    margin-bottom: 15px;
}

.accordion__title {
    position: relative;
    display: block;
    margin: 0;
    padding: 18px 60px 17px 30px;
    font-size: 18px;
    font-weight: 700;
    color: #000;
    border: 2px solid #F5F5F5;
    box-sizing: border-box;
    border-radius: 20px;
    cursor: pointer;
}
.accordion__title.accordion__item--active {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border: none;
    background: #4B87FF;
    color: #fff;
}

/*.accordion__title:hover {
    background-color: #00a0e8;
}*/

.accordion__title:after {
    position: absolute;
    top: calc(50% - 5px);
    right: 25px;
    width: 7px;
    height: 7px;
    border-left: 3px solid #000;
    border-bottom: 3px solid #000;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    content: "";
    transition: 0.5s ease;
}

.accordion__item--active:after{
    transform: rotate(135deg);
    border-color: #fff;
}

.accordion__title:focus{
    outline: none;
}

/*=================blog-prev-home=================*/
.home .articlewrapper .entry-content {
    color: #fff;
}


.blog-tittle {
    margin-top: 20px;
}
.blog-prew {
    display: flex;
    justify-content: space-between;

}
.blog-prew .second,
.blog-prew .first {
    padding: 5px;
}




.title-blog-home {
    margin-top: 12px;
}


body:not(.home)  #content-contact-section {
    padding-top: 20px;
}



#content-referenzen article.content-loop,
#content-references article.content-loop,
body:not(.home)  #content-contact-section article.content-loop {
    background-color: #1a1a1a;
}
#content-referenzen-kunden .postscontainer,
#content-referenzen-partner .postscontainer,
#content-references-clients .postscontainer,
#content-references-partners-section .postscontainer,
body:not(.home)  #content-contact-section .postscontainer {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;

}
#content-referenzen-kunden .postscontainer .imgcontainer,
#content-referenzen-partner .postscontainer .imgcontainer,
#content-references-clients .postscontainer .imgcontainer,
#content-references-partners-section .postscontainer .imgcontainer {
    width: calc(100% - 38px);
}

#content-referenzen .articlewrapper,
#content-references .articlewrapper,
body:not(.home)  #content-contact-section .articlewrapper  {
    /*margin: 10px;*/
    width: 50%;
}
#content-referenzen .entry-utility,
#content-references .entry-utility,
body:not(.home) #content-contact-section .entry-utility {
    display: none;
}

#content-references-partners-section,
#content-referenzen-partner{
    padding-top: 0;
    padding-bottom: 0;
}
#content-contact-section{
    padding-top: 0;
}
#content-referenzen-partner .postscontainer .articlewrapper,
#content-references-partners-section .postscontainer .articlewrapper{
    flex-basis: 33%;
    width: 33%;
}

@media (max-width: 992px) {
    .item-project ul {
        width: 50% !important;
    }
    #content-referenzen-partner .postscontainer .articlewrapper,
    #content-references-partners-section .postscontainer .articlewrapper{
        flex-basis: 50%;
        width: 50%;
    }
}

@media (max-width: 767px) {
    .first-order{
        order: -1;
    }
     .item-project{
         flex-wrap:wrap;
     }
     .item-project ul{
         margin: 0;    
     }
     .item-project ul,
    .image_project{
        width: 100% !important;
    }
    .postscontainer .imgcontainer{
        float: none;
        width: 100%;
        margin: 0;
        padding-top: 0;
    }
    article .loopcontainer{
        padding: 15px 15px 0;
    }
    #content-referenzen-partner .postscontainer .articlewrapper,
    #content-references-partners-section .postscontainer .articlewrapper{
        flex-basis: 100%;
        width: 100%;
    }
}
@media (max-width: 576px) {
    h2 {
        font-size: 24px;
    }
    .main-content{
        margin-left: 15px;
        margin-right: 15px;
    }
    #content-referenzen .articlewrapper,
    #content-references .articlewrapper,
    #content-contact-section .articlewrapper {
        width: 100%;
    }
    #content-referenzen .postscontainer,
    #content-references .postscontainer,
    #content-contact-section .postscontainer {
        justify-content: center;
        flex-wrap: wrap;
    }
    .section.slider .text-caption{
        padding: 0 15px;
    }
    #subbody .flex-direction-nav a {
        display: none;
    }
    
}

.min-container{
    max-width: 770px;
    margin: auto;
}

#maincontent.twelve.columns .postscontainer.classic{
    max-width: 100%;
}


.addtoany_content{
    text-align: right;
}

.page-template-template-blog .addtoany_content {
    float: right;
    clear: none;
}

#home>.slider ul.slides {
    position: relative;
}

#home>.slider ul.slides li:before {
    content:'';
    left: 0;
    top: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.4;
}

.addtoany_header {
    display: inline-block;
    font-size: 16px;
    padding-right: 5px;
}


.home .main-page{
    /*background-color: #1a1a1a;
    margin-bottom: -20px; 
    padding-top: 50px; 
    color: #fff;*/
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0 20px;

}
.home .main-page::after{
    display: none;
}

/*.home .main-page .main-content{
    max-width: 850px; 
    margin: 10px auto 0;
}*/

/*.home .main-page h1{
    text-align: center;
    max-width: 850px; 
    margin: 10px auto; 
    color: #fff; 
    font-weight: 600; 
}*/
.home .main-page a{
    color: #F9C00D;
    font-weight: 700;
}

.home .main-page .left{
    display: flex;
    flex-direction: column;
}
.home .main-page .left .contact{
    background: #F5F5F5;
    border-radius: 20px;
}
.home .main-page .left .contact h3{
    font-weight: 800;
    color: #000;

}
.home .main-page .left .contact a{
    font-weight: 700;
    color: #F9C00D;
    position: relative;
    line-height: 1.2;
}
.home .main-page .left .contact a::after{
    position: relative;
    content: '';
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAOCAYAAAAWo42rAAAAl0lEQVR42mP4v19A4NcB3v0/D/De/3OQN54BF/h1gO88UNF/GP59kK8eq0KQScgKcSr+vl9A4SeaqTgVg9wJlFyPrhjo9vlYnfFjP88ETMV850EGYXEKTwO6YpA/MBSC3EZQIchNeK3G5Znv+3kXwBWBgucXluABeYxggIM8hCUKwfGMZBJ3Adawg7iPB+S+90A3JeBKEwCO99mKJdtUjQAAAABJRU5ErkJggg==') 0 0 no-repeat;
    display: inline-block;
    top: 2px;
    right: -12px;
    background-size: contain;
}
.home .main-page .left .contact a:hover{
    text-decoration: underline;
}



.home .main-page .right h2{
    font-weight: 800;
    line-height: 1.4;
}

/* buttons */
.start-btn .button{
    text-transform: uppercase;
    color: #000 !important;
    background: #F9C00D;
    border-radius: 30px;
    border: none;
    transition: .5s ease all;
}
.start-btn .button:hover{
    color: #F9C00D !important;
    background: #000;
}
.start-btn, .visit-btn{
    text-align: center;
}
.visit-btn .button{
    text-transform: uppercase;
    color: #000 !important;
    background: transparent;
    border-radius: 30px;
    transition: .5s ease all;
    border: 1px solid #F9C00D;
    box-sizing: border-box;
}
.visit-btn .button:hover{
    background: #F9C00D;
}

@media (min-width: 769px) {
    .start-btn .button, .visit-btn .button{
        font-size: 16px;
        padding: 22px 50px;
    }
}
@media (max-width: 768px) {
    .start-btn .button, .visit-btn .button{
        font-size: 14px;
        padding: 13px 30px;
    }
}
/* /buttons */

#subbody,
.home #main-page,
.home #outermiddle .light-menu,
.home #main-page,
#subbody article.content-loop {
    color: #021843;
    background: #fff;
}

.home #outermiddle  h1,
.home #outermiddle  h2,
.home #outermiddle  h3,
.home #outermiddle  h4,
.home #outermiddle  h5,
.home #outermiddle  h6,
.home .articlewrapper .entry-content,
.home section.light-menu a, section.light-menu a:visited{
    color: #333;
}

/*.start-btn .button {
    display: inline-block;
    text-decoration: none;
    background-color: transparent;
    color: #666;
    cursor: pointer;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 20px;
    line-height: 50px;
    text-align: center;
    margin: 0;
    height: 50px;
    padding: 0px 33px;
    border-radius: 0;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: bold;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}*/

.home .white {
     color: #333!important;
}

.home #outermiddle .slides  h2,
.home #outermiddle .slides  h4 {
    color: #fff;
}

#outerfooter{
    background-color: #4B87FF;
}

#footer{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 0;
}

#footer .copyright {
    color: #fff;
    font-weight: 500;
    padding: 18px 0 17px;
}
#footer .footer-menu{
    list-style: none;
    display: flex;
    margin: 0;
    justify-content: flex-end;
    align-items: center;
}
#footer .menu-item{
    height: 100%;
}
#footer .menu-item a{
    height: 100%;
    display: block;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    font-family: Montserrat, sans-serif;
    padding: 24px 20px;
    text-decoration: none;
    transition: all .5s ease;
}
#footer .menu-item a:hover, #footer .current-menu-item a{
    background: #F9C00D;
}


.popup-action {
    padding: 15px;
    text-align: center;
}

.popup-action__button--md {
    display: none;
}

.pdfemb-viewer {
    max-width: 100%;
}

.type-page .footer-btn a.button {
  background:   #ebebeb; 
  color: #00a0e8!important;
  border-radius: 4px!important;
  border: 1px solid #00a0e8;
}
.type-page .footer-btn a.button:hover {
    border: none;
    background:   #00a0e8!important; 
    color: #fff!important;
 
}

/*========================================================================*/

#nvr-pf-filter .four.columns {
    display: flex;
    width: 100%;
    align-items: center;
}

.nvr-pf-container .grid .nvr-pf-box {
    /*width: 550px;*/
    overflow: initial!important;
}
.nvr-pf-img {
    /*width: 550px!important;*/
}
.nvr-pf-box .nvr-pf-text {
   display: none !important;
}
.nvr-pf-box {
    margin-right: 60px;
}
.custom-portfolio .post_title_item a {
    font-size: 36px;
    color: #000000;
    line-height: 1.2em;
}
.custom-portfolio .info-blue-title  {
    font-size: 36px;
    color: #009FE8;
}
.custom-portfolio .info-text {
    font-size: 14px;
}
.custom-portfolio .inner_info_row {
    display: block;
}

.custom-portfolio .post_title_item .new-description {
    font-size: 16px;
    color: #666666;
    line-height: 1.7em;
    margin-top: 15px;
    text-transform: initial;
    font-weight: 400;
}
.custom-portfolio .info-text {
    text-align: center;
    text-transform: lowercase;

}
ul#nvr-pf-filter.nvr-pf-col-3 li {
    margin-bottom: 10px;
}
.custom-portfolio .button-custom {
    position: relative;
}
.custom-portfolio .inner_info_row .button-custom .button {
    border: none!important;
    padding: 0!important;
    margin-left: 50px;
    text-transform: initial;
    font-size: 18px;
    color: #000000;

}
.custom-portfolio .inner_info_row .button-custom .button:hover {
    background: none!important;
    color: #009FE8;
}
.custom-portfolio .new_cat {
    background: #009FE8;
    /*padding: 3px 15px;
    padding-left: 10px;*/
}
.custom-portfolio .inner_info_row .button-custom .button:before {
    content: "";
    position: absolute;
    top: -4px;
    left: 15px;
    width: 21px;
    height: 30px;
    background: url("data:image/svg+xml,%3Csvg width='21' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.145 6.723c.07.164.105.34.105.527 0 .188-.035.363-.105.527a11.879 11.879 0 01-4.149 4.535C14.215 13.438 12.258 14 10.125 14c-1.406 0-2.766-.258-4.078-.773a11.946 11.946 0 01-3.445-2.18 12.234 12.234 0 01-2.497-3.27A1.324 1.324 0 010 7.25c0-.188.035-.363.105-.527a11.616 11.616 0 014.149-4.5A10.616 10.616 0 0110.125.5c2.133 0 4.09.574 5.871 1.723a11.616 11.616 0 014.149 4.5zm-10.02 5.59c1.406 0 2.602-.493 3.586-1.477.984-.984 1.476-2.18 1.476-3.586 0-1.406-.492-2.602-1.476-3.586s-2.18-1.477-3.586-1.477c-1.406 0-2.602.493-3.586 1.477-.984.984-1.476 2.18-1.476 3.586 0 1.406.492 2.602 1.476 3.586s2.18 1.476 3.586 1.476zm0-8.438c.938 0 1.734.328 2.39.984.657.657.985 1.454.985 2.391 0 .914-.328 1.71-.984 2.39-.657.657-1.454.985-2.391.985-.914 0-1.71-.328-2.39-.984-.657-.68-.985-1.477-.985-2.391 0-.305.047-.598.14-.879.282.211.61.316.985.316.469 0 .867-.164 1.195-.492.328-.328.492-.726.492-1.195 0-.375-.105-.703-.316-.984.281-.094.574-.141.879-.141z' fill='%23009FE8'/%3E%3C/svg%3E") no-repeat 50%;
    background-size: contain;
}
#filters {
    display: inline;

}
.nvr-pf-container{
    margin-top: 50px!important;
}
#filters li {
    padding: 10px 30px;
    width: auto;
    border: none;
    color: #000000;
    font-size: 18px;
    text-transform: capitalize;
}
#filters li.selected {
    border: 2px solid #009FE8;
    color:  #009FE8;
    font-weight: 600;
}

.project-custom h1 {
    color: #000!important;
    font-weight: 700!important;
}



@media all and (max-width: 992px) {
    .popup-action__button--md{
        display: inline-block;
    }  
    
    .popup-action__button--lg {
        display: none;
    }
    #nvr-pf-filter .four.columns {
        /*width: 100% !important;*/
    }

    .nvr-pf-container .grid .nvr-pf-box {
        width: 350px;
        overflow: initial!important;
    }
    .nvr-pf-img {
        /*width: 350px!important;*/
    }
    #nvr-pf-filter img.scale-with-grid {
        height: auto!important;
    }
    .custom-portfolio .info-blue-title,
    .custom-portfolio .post_title_item a {
        font-size: 24px;
    }
    .nvr-pf-box {
        margin-right: 20px;
    }
}

@media (max-width: 768px) {
    .nvr-pf-container .grid .nvr-pf-box {
        width: 100%;
        overflow: initial!important;
    }
    #nvr-pf-filter .four.columns{
        /*flex-wrap: wrap;*/
    }
    .nvr-pf-img {
        /*width: 100%!important;*/
    }
    .custom-portfolio .info-blue-title,
    .custom-portfolio .post_title_item a {
        font-size: 20px;
    }
    .custom-portfolio .post_title_item .new-description {
        font-size: 12px;
    }
    .custom-portfolio .inner_info_row .button-custom .button {
        font-size: 14px;
    }
}
@media (max-width: 547px) {
    .nvr-pf-box {
        width: 100%;
    }
}

/*************************
*  Home Page Form Replace
*************************/

#form-replay input:not([type="submit" ]):not([type="checkbox"]):not([type="radio"]),
#form-replay textarea {
    border: 1px solid #000;
    padding: 13px 8px;
    width: 100%;
    margin-top: 6px;
    margin-bottom: 12px;
    color: #000;
}

#form-replay .wpcf7-list-item {
    margin-left: 0;
}

#form-replay .wpcf7-list-item label {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-left: 0;
}

#form-replay input[type="checkbox"] {
    width: 14px;
    flex: 0 0 14px;
}

#form-replay .wpcf7-list-item-label {
    flex: 4;
    padding-left: 10px;
}

.form-action {
    margin-top: 15px;
    text-align: center;
}

.success-form {
    display: none;
}

.success-form__icon {
    background: url("./images/confirm.png") 50% / contain no-repeat;
    height: 100px;
    margin: 25px;
}

.success-form__action {
    padding: 15px;
    background: #eee;
    box-shadow: 0 0 3px #000;
    font-size: 18px;
}

.success-form__action a {
    position: relative;
    width: max-content;
    display: inline-block;
    cursor: pointer;
}

.success-form__action a:after{
    content: '';
    width: 100%;
    height: 2px;
    background: #000;
    display: block;
}

.success-form__action a:focus{
    outline: none;
    color: #009fe8;
}

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



body h1,
body h2,
body h3, 
body h4,
body h5,
body h6,
body .title,
body .main-title,
body .sub-title {
   font-family: Montserrat!important;     
}

body {
    font-family: 'Merriweather', sans-serif !important
}

/*====================Connact Apps Portfolio Post================*/
/* Image Base */
.image-box {
    position: relative;

    display: inline-block;
    overflow: hidden;

    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    min-width: 30px;
    max-width: 100%;
    height: auto;
    min-height: 30px;

    vertical-align: top;

    font-size: 0;
}

.image-box--rounded {
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.image-box img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    display: block;

    width: 100%;
    max-width: 100%;
    height: 100%;
    max-height: 100%;
    margin: 0;
    padding: 0;

    -o-object-fit: cover;
    object-fit: cover;
}
.image-responsive {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    height: auto;
}
/* Overlay */
.bg-overlay {
    position: relative;
}
.bg-overlay:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    width: 100%;
    height: 100%;

    content: "";

    opacity: 0.25;
    background-color: #000;
    z-index: 5;
}
.overlay-content {
    position: relative;
    z-index: 10;
}

/* Portfolio Article */
/*
body.postid-2245 #outerafterheader > .container,
body.postid-1586 #outerafterheader > .container  {
    display: none;
}
*/
/*body.single-portofolio #outerafterheader > .container {
    display: none;
}*/
.portfolio-article__header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;

    margin-bottom: 40px;

    font-family: 'Monserrat', sans-serif;
    color: #000;
    line-height: 1.2;
}
.portfolio-article__header-subtitle {
    margin: 0;
    font-size: 24px;
}
.portfolio-article__header-title {
    margin: 0 0 20px;
    font-weight: 700;
    font-size: 48px;
    line-height: 1.2;
    text-transform: uppercase;
    color: #009DE8;
}
@media (max-width:479px) {
    .portfolio-article__header-title {
        font-size: 32px;
        margin: 20px 0 0;
    }
}
.portfolio-article__website {
    position: relative;
    display: flex;
    flex-direction: column;
    padding-left: 50px;
}
.portfolio-article__website:before {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -18px;
    content: "";
    display: block;
    width: 36px;
    height: 36px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='35' height='35' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M17.5 0C7.831 0 0 7.831 0 17.5 0 26.994 7.569 34.694 16.975 35h1.05C27.431 34.737 35 26.994 35 17.5 35 7.831 27.169 0 17.5 0zm-.875 1.837V8.27h-5.119c.263-.788.569-1.532.919-2.188 1.181-2.362 2.669-3.806 4.2-4.244zm1.75 0c1.531.394 3.019 1.838 4.244 4.244.35.656.612 1.4.919 2.188h-5.163V1.837zm-5.644.613a12.35 12.35 0 00-1.881 2.844 23.42 23.42 0 00-1.181 2.975H4.725C6.694 5.556 9.45 3.5 12.731 2.45zm9.538 0c3.281 1.05 6.037 3.106 8.006 5.819h-4.944a26.333 26.333 0 00-1.181-2.975 14.578 14.578 0 00-1.881-2.844zM3.63 10.063h5.556a30.932 30.932 0 00-.83 6.562H1.75a15.22 15.22 0 011.881-6.563zm7.35 0h5.644v6.562h-6.519c.044-2.363.35-4.594.875-6.563zm7.394 0h5.644c.525 1.968.831 4.2.875 6.562h-6.519v-6.563zm7.438 0h5.556a15.805 15.805 0 011.837 6.562h-6.519a33.51 33.51 0 00-.875-6.563zM1.75 18.374h6.563c.043 2.363.35 4.55.83 6.563H3.632a15.22 15.22 0 01-1.881-6.563zm8.356 0h6.519v6.563h-5.644c-.525-1.97-.831-4.2-.875-6.563zm8.269 0h6.519c-.044 2.363-.35 4.594-.875 6.563h-5.644v-6.563zm8.313 0h6.562a15.805 15.805 0 01-1.837 6.563h-5.6c.48-2.013.787-4.244.875-6.563zM4.724 26.688h4.944c.35 1.05.743 2.056 1.181 2.93.569 1.095 1.181 2.057 1.881 2.888-3.281-1.05-6.081-3.106-8.006-5.819zm6.781 0h5.119v6.43c-1.531-.393-3.019-1.88-4.244-4.287a19.833 19.833 0 01-.875-2.143zm11.988 0a14.281 14.281 0 01-.919 2.187c-1.181 2.406-2.712 3.85-4.244 4.288v-6.475h5.163zm1.837 0h4.944c-1.969 2.712-4.769 4.812-8.05 5.818.7-.831 1.356-1.794 1.881-2.887a14.73 14.73 0 001.225-2.931z' fill='black'/%3e%3c/svg%3e");
}
.portfolio-article__website span {
    font-weight: 700;
    font-size: 16px;
}
.portfolio-article__website a {
    font-size: 12px;
}
.portfolio-article__content {
    margin-bottom: 40px;

    color: #000;
    line-height: 1.2;
}
.portfolio-article__content:last-of-type {
    margin-bottom: 0;
}
.portfolio-article__content h2 {
    margin-bottom: 15px;
    font-weight: 700;
    font-size: 24px;
    text-transform: uppercase;
    color: #000;
}
.portfolio-article__content p {
    font-size: 18px;
    line-height: 1.67;
    color: #000;
}
.portfolio-article__content strong {
    font-weight: 700;
}
.portfolio-article__content .text-center {
    text-align: center;
}
.portfolio-article__image {
    margin-bottom: 40px;
}
.portfolio-article__icon-list {
    margin: 0;
    padding: 0;
    list-style: none;

    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.portfolio-article__icon-list li {
    display: flex;
    align-items: center;
    width: 94%;
    margin: 0 3% 25px;
    font-size: 14px;
    line-height: 1.7;
}
.portfolio-article__icon-list span {
    flex: none;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 20px;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background-color: #009FE8;
    text-align: center;
}
.portfolio-article__banner {
    padding: 45px 0;
    width: 100vw;
    position: relative;
    margin-left: -50vw;
    left: 50%;

    background-position: 50% 50%;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;

    text-align: center;
    color: #fff;
}
.portfolio-article__banner p {
    margin: 0;
}
.portfolio-article__banner-title {
    margin: 0;
    font-weight: 700;
    font-size: 86px;
    line-height: 1.1;
    text-transform: uppercase;
    color: #fff;
}
.portfolio-article__blockquote {
    background-image: none;
}
.portfolio-article__blockquote-text {
    padding: 0 100px;
    position: relative;
    margin-bottom: 40px;
    font-style: italic;
    font-size: 24px;
    line-height: 1.67;
    color: #000;
}
.portfolio-article__blockquote-text:before,
.portfolio-article__blockquote-text:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;

    width: 68px;
    height: 52px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='68' height='52' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M67.928 14.356C67.141 6.562 60.772.386 53.112.019 44.092-.422 36.648 6.93 36.648 16.12c0 6.764 4.08 12.498 9.807 14.925L37.65 49.574c-.502 1.103.286 2.426 1.431 2.426h6.013c.5 0 1.002-.22 1.288-.662L65.28 25.164c2.004-3.088 3.006-6.838 2.648-10.808zM16.463.019C7.444-.422 0 6.93 0 16.12c0 6.765 4.08 12.5 9.806 14.926L1.002 49.574C.502 50.677 1.288 52 2.434 52h6.012c.501 0 1.002-.22 1.289-.662l18.897-26.174c2.004-3.015 3.006-6.764 2.576-10.735C30.422 6.563 24.052.387 16.464.02z' fill='%23009FE8'/%3e%3c/svg%3e");
}
.portfolio-article__blockquote-text:after {
    top: auto;
    left: auto;
    bottom: 0;
    right: 0;
}
.portfolio-article__blockquote-author {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.portfolio-article__blockquote-image {
    margin: 0 0 20px;
    width: 166px;
    height: 166px;
}
.portfolio-article__blockquote-author h5 {
    margin: 0 0 10px;
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 1.2;
    color: #009FE8;
}
.portfolio-article__blockquote-position {
    font-family: Montserrat, sans-serif;
    font-style: normal;
    font-size: 16px;
    line-height: 1.2;

    color: #000;
}

@media (max-width: 1024px) {
    .portfolio-article__banner {
        background-position: 10% 0;
    }
    .portfolio-article__banner-title {
        font-size: 72px;
    }
}
@media (max-width: 767px) {
    .portfolio-article__header {
        flex-direction: column-reverse;
        justify-content: center;
        align-items: center;

        margin-bottom: 30px;
    }
    .portfolio-article__header-content {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .portfolio-article__header-logo {
        margin-bottom: 20px;
    }
    .portfolio-article__content {
        margin-bottom: 20px;
    }
    .portfolio-article__content h2 {
        margin-bottom: 10px;
        font-size: 22px;
    }
    .portfolio-article__content p {
        font-size: 14px;
    }
    .portfolio-article__image {
        margin-bottom: 20px;
    }
    .portfolio-article__icon-list li {
        margin-bottom: 20px;
        width: 100%;
    }
    /*.portfolio-article__banner {*/
    /*    padding: 35px 0;*/
    /*}*/
    .portfolio-article__banner-title {
        font-size: 50px;
    }
    .portfolio-article__blockquote-text {
        padding: 0 40px;
        margin-bottom: 20px;
        font-size: 16px;
    }
    .portfolio-article__blockquote-text:before,
    .portfolio-article__blockquote-text:after {
        width: 30px;
        height: 25px;
    }
    .portfolio-article__blockquote-author h5 {
        font-size: 16px;
    }
    .portfolio-article__blockquote-position {
        font-size: 14px;
    }
    .portfolio-article__blockquote-image {
        margin-bottom: 10px;
        width: 100px;
        height: 100px;
    }
}

@media (max-width: 576px) {
    .portfolio-article__icon-list li {
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .portfolio-article__icon-list span {
        margin: 0 0 15px;
    }
    .portfolio-article__banner-title {
         font-size: 32px;
    }
}

/* Main Menu Banner */
.menu-item-hide {
	display: none !important;
}

#content-testimonials-section{
    padding-top: 0;
    padding-bottom: 0;
}

/* Funnel Section */
#content-funnel-section{
    padding: 0;
}
@media (max-width:768px){
    #content-funnel-section{
        border-top-width: 90px;
    }
}
#content-funnel-section *{
    box-sizing: border-box;
    font-family: "Montserrat", sans-serif !important;
    font-weight: 700;
}
#content-funnel-section .f-wrapper{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
.f-section{
    display: flex;
    flex-direction: column;
    background-repeat: no-repeat;
    background-position: center top;
    position: relative;
}
.f-section:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #000;
    opacity: .5;
    transition: 250ms background-color;
  }
  .f-section:hover .f-section-header{
    background: #009FE8;
}
  .f-section:hover:after {
      background-color: #009FE8;
    }
  
.f-section-header{
    flex-grow: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
    padding: 12px 0;
    margin-bottom: 20px;
}
.f-section-header h2{
    font-size: 36px;
    line-height: 48px;
    color: #fff !important;
    margin: 0;
    position: relative;
}
.f-section-header h2::before,
.f-section-header h2::after{
    content: '';
    position: absolute;
    width: 50px;
    height: 4px;
    top: 45%;
    background: #fff;
}
.f-section-header h2::before{
    left: -70px;
}
.f-section-header h2::after{
    right: -70px;
}
.f-section:hover .f-section-header h2::before,
.f-section:hover .f-section-header h2::after{
    display: none;
}
.f-section-body{
    flex-grow: 10000;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 1;
    display: flex;
    transition: 500ms display;
    margin: 0 2%;
}

.no-webp .f-news{
    background-image: url(images/bg-news.jpg);
}
.webp .f-news{
    background-image: url(images/bg-news.jpg.webp);
}

.no-webp .f-portofolio{
    background-image: url(images/bg-cases.jpg);
}
.webp .f-portofolio{
    background-image: url(images/bg-cases.jpg.webp);
}

.no-webp .f-blog{
    background-image: url(images/bg-blog.jpg);
}
.webp .f-blog{
    background-image: url(images/bg-blog.jpg.webp);
}




.f-items{
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
}
.f-item {
    list-style: none;
    background: #FFFFFF;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);
    border-radius: 5px;
    margin: 5px 0;
    padding: 5px;
}
.f-item:hover .f-item-title{
    color: #009de8 !important;
}
.f-item-img{
    flex-basis: 120px;
}
.f-item-img img{
    border-radius: 5px;
}
.f-item:hover .f-item-img {
    position: relative;
    border-radius: 5px;
}
.f-item:hover .f-item-img:after{
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #009de8;
    opacity: .5;
    transition: 250ms background-color;
}
.f-item-inner{
    display: flex;
    flex-direction: row;
}

.f-item-content{
    flex-basis: calc(100% - 120px);
    padding: 0 15px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    position: relative;
}
.f-item-date{
    font-size: 12px;
    line-height: 18px; 
    color: #808080;
}
.f-item-title{
    font-size: 14px;
    line-height: 24px; 
    color: #000 !important;
    margin: 0;
}
.f-item-link{
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAE+SURBVHgBbVHLUcMwEH1ScmE44Bsxw8FUQEowFUAHiZIG4gqwO0gBMA4VECqIqSCmAufCEG7mwgkknj4OZoadsbXafXq7b1egb3evNxgMJvQiHxA7QBdQ8a6DCPcv3xK6Jb2UZwuYOuTTAMuhTgvrDUNgw4+sJmNieahoiQxy0ua4339gPloKBqee3ShCqt9KYBti5ZjL90cf+7zgg/2WlxZqdEW/cZXM94M7hZhAI4P8ItFwa31J8BjaPHsdSOgXmJ0tMItZGTWETqHOa1dRikvpJZgI/1sLIU+CzshP6W9LVvyY9zU1Jb7vg7bG+pItPLlEyR3YpNG8m2l4yKnFK0DehooVKzQsdWSZ2b/OMLeAbqw2d0ywXpDELjDvL27jRLtxui9yJLD6PNhr6Jvbibz2IJrRLxztmuCqg/wAauJ3oicw/aAAAAAASUVORK5CYII=') left center no-repeat;
    color: #009FE8;
    padding-left: 17px;
}
.f-portofolio-item:hover{
    background: #009FE8;
}
.f-portofolio-item{
    padding: 16px 20px 16px 34px;
    transition: 250ms all;
}
.f-portofolio-item-inner{
    position: relative;
}
.f-portofolio-item-inner:before{
    content: '';
    position: absolute;
    width: 6px;
    height: 100%;
    left: -34px;
    top: 0;
    background: #009FE8;
    border-radius: 0px 5px 5px 0px;
}
.f-portofolio-item-link{
    position: absolute;
    right: 0;
    font-size: 0;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAKCAYAAAB4zEQNAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACZSURBVHgBXU7LDYJAFJy32Qvx4smzdqAdaAXagZ8GLMjE1UooATqACyHhxA0SCPDeblg+c9l5OzNvHiAwxRsmu2EFwic/Q1Nop1498Nr9R1FB1zG/sbN2P3yL+5S0a5MtEEj6ON9AvsAZImZ799GelBf7zXUSpKZJXVJ6pM8L1QXPQ0kwObspWQsyaKBmEqTMy7mAxTH2oCUGJKEyWjrR44wAAAAASUVORK5CYII=') #fff center no-repeat;
    width: 40px;
    height: 40px;
    border-radius: 5px;
    display: none;
}
.f-portofolio-item:hover .f-portofolio-item-link{
    display: block;
}

.f-portofolio-item-cat{
    color: #009FE8;
    font-size: 12px;
    line-height: 18px;
}
.f-portofolio-item-title{
    color: #000;
    font-size: 18px;
    line-height: 27px;
    text-transform: uppercase;
    margin-bottom: 0;
}
.f-portofolio-item:hover .f-portofolio-item-cat{
    color: #fff;
}
.f-portofolio-item:hover .f-portofolio-item-title{
    color: #fff !important;
}
.f-portofolio-item:hover .f-portofolio-item-inner:before{
    background: #fff;
}
.f-items-footer{
    border: 1px solid #fff;
    color: #fff;
    border-radius: 5px;
    font-size: 14px;
    line-height: 17px;
    text-transform: uppercase;
    transition: 250ms all;
    margin: 30px auto;
    padding: 12px 20px;
}
.f-items-footer a{
    color: inherit;
}
.f-items-footer:hover{
    background: #fff;
    color: #009FE8;
}
.funnel-btn{
    margin: 30px auto 0;
    text-align: center;

}


@media (min-width: 1280px){
    .f-section{
        padding-bottom: 100px;
        flex-basis: 33.1333333%;
    }
    .f-section-body{
        display: none;
    }
    .f-section:hover .f-section-body {
        display: flex;
    }
    #content-funnel-section .f-wrapper{
        clip-path: polygon(0 0, 100% 0, 100% 85%, 50% 100%, 0 85%);
        height: 740px;
    }
    .f-section-body{
        margin: 0 5%;
    }
}
@media (min-width: 1440px){
    .f-section-body{
        margin: 0 10%;
    }
}
@media (min-width: 768px) and (max-width: 1279px) {
    .f-section{
        flex-basis: 49.75%;
        height: 620px;
        margin-top: 5px;
    }
    .f-portofolio{
        order: 1;
        flex-basis: 100%;
        height: 450px;
        background-size: cover;
    }
}

@media (max-width: 767px) {
    .f-section{
        flex-basis: 100%;
        min-height: 500px;
        margin-top: 5px;
        background-size: cover;
    }
}

/* Funnel Menu */

.f-menu{
    margin: 0 0 70px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.f-menu .menu-item{
    background-position: center;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    position: relative;
    border-radius: 20px;
    margin-bottom: 20px;

}
.f-menu .menu-item:hover{
    align-items: center;

}
.f-menu .menu-item:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: transparent;
    opacity: .75;
    transition: .75ms background-color ease;
    border-radius: 20px;
}
.f-menu .menu-item:hover:after {
    background-color: #F9C00DBF;
}
.f-menu .menu-item a{
    font-weight: 800;
    font-size: 18px;
    line-height: 1.333;
    color: #fff !important;
    background: #4B87FF;
    border-radius: 12px 12px 0 0;
    z-index: 1;
    padding: 14px;
    /*transition: 750ms all;*/
    /*transition: 1.5s font-size ease;*/
    max-width: 60%;
    text-align: center;
    hyphens: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .1s ease;
    /*transition: font-size 0s ease;*/
}

.f-menu .menu-item:hover a{
    font-size: 36px;
    background: transparent;
    max-width: 100%;
    width: 100%;
    height: 100%;
}
.f-menu .menu-item:hover a span{
    max-width: 90%;
}

.f-menu .menu-item a:after{
    display: none;
    padding: 13px 30px;
    max-width: 95px;
    margin: 10px auto 0;
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    border-radius: 25px;
    text-transform: uppercase;
    color: #000;
    background: #fff;

}
.f-menu .menu-item:hover a:after{
    display: block;
}
.no-webp .f-menu-startups{
    background-image: url(images/bg-startups.jpg);
}
.webp .f-menu-startups{
    background-image: url(images/bg-startups.jpg.webp);
}

.no-webp .f-menu-sme{
    background-image: url(images/bg-sme.jpg);
}
.webp .f-menu-sme{
    background-image: url(images/bg-sme.jpg.webp);
}

.no-webp .f-menu-corporations{
    background-image: url(images/bg-corporations.jpg);
}
.webp .f-menu-corporations{
    background-image: url(images/bg-corporations.jpg.webp);
}

@media (min-width:769px){
    .f-menu .menu-item{
        height: 360px;
        flex-basis: calc(33.333% - 20px);
    }
}
@media (max-width:768px){
    .f-menu .menu-item{
        height: 180px;
        flex-basis: 100%;
        margin-top: 5px;
    }
}

.portfolio-article__content a{
    color: #009fe8 !important;
}
.portfolio-article__content li{
    font-size: 16px;
    line-height: 1.6;
    list-style: none;
    position: relative;    
    padding-left: 20px;
}
.portfolio-article__content li:before{
    position: absolute;
    top: 10px;
    left: 0;
    content: '';
    height: 6px;
    width: 6px;
    border-radius: 3px;
    background: #009DE8;

}
.portfolio-article__icon-list li{
    padding-left: 0;
}
.portfolio-article__icon-list li::before{
    display: none;
    
}

#content-home{
    display: none;
}
/*************************************************/
.nvr-people-new ul{
    list-style: none;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.nvr-people-new ul li{
    flex-basis: 25%;
}
@media (min-width: 1200px){
    .nvr-people-new ul li{
        flex-basis: 25%;
    }
}
@media (min-width: 577px) and (max-width: 1199px){
    .nvr-people-new ul li{
        flex-basis: 50%;
    }
}
@media (min-width: 320px) and (max-width: 576px){
    .nvr-people-new ul li{
        flex-basis: 100%;
    }
}

.nvr-people-new .imgcontainer{
    display: flex;
    justify-content: center;
    align-items: center;
}
.nvr-people-new img{

}
.nvr-people-new li{
    margin-bottom: 15px;
    margin-top: 15px;
}
/*.nvr-people-new li.alpha{
    padding-left: 0;
}
.nvr-people-new li.last{
    padding-right: 0;
}*/
.nvr-people-new .peoplecontainer{
    border: 1px solid #E5E5E5;
    padding: 20px;
}
.nvr-people-new .peopletitle{
    padding: 0;
}
.nvr-people-new .peopletitle h5{
    color: #6B6F6F;
    font-size: 18px;
    font-weight: 600;
    text-transform: none;
    margin: 15px 0 7px;
    text-align: center;
}
.nvr-people-new .peopletitle h6{
    color: #009FE8;
    font-size: 12px;
    font-weight: 600;
    text-transform: none;
    margin: 7px 0 12px;
    text-align: center;
}

.nvr-people-new .peopleinfo{
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    line-height: 1.6;
    text-align: center;
    margin: 12px 0;
    padding: 0 19px;
    position: relative;
    font-weight: 400;
}
.nvr-people-new .peopleinfo::before,
.nvr-people-new .peopleinfo::after{
    content: '';
    width: 12px;
    height: 12px;
    background: red;
    position: absolute;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAkUlEQVR42t1PQRGEMAyMBCQgBQlIwAk4OP43EAs4QEIl5Efb10mABGhDioPrzLbT3WyShfMgVYCxBwzEL8LzoK+Z/zD/g8l3NxkcYxdkgxZT0i4D8sUfxTamejFbLbbSfVXCN89tZI1bI5lWkNGVu+dG87aooCNXY/jyNJPrbSAONQikuzUElzUbSrMkQ4l/MBxaZRiu9cB4rAAAAABJRU5ErkJggg==') 0 0 no-repeat;
}
.nvr-people-new .peopleinfo::before{
    top: 0;
    left: 0;
}
.nvr-people-new .peopleinfo::after{
    bottom: 0;
    right: 0;
    transform: rotate(180deg);
}
.nvr-people-new .peoplesocial{
    text-align: center;
    margin: 15px 0 0;
}
.nvr-people-new .peoplesocial a{
    border: 1px solid #009FE8;
    padding: 8px 15px;
    font-size: 12px;
    font-weight: 600;

}
.nvr-people-new .peoplesocial a span{
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    font-weight: 600;
    color: #6B6F6F;
}

.nvr-people-new .peoplesocial a::before{
    color: #009FE8;
    margin-right: 7px;
}
.nvr-people-new {

}
.nvr-people-new {

}
.nvr-people-new {

}
.nvr-people-new {

}
.nvr-people-new {

}
#footer .copyright > div{
    margin-bottom: 15px;
}
.footer-menu-wrapper ul{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.footer-menu-wrapper li{
    margin-left: 10px;
    margin-bottom: 15px;
    padding-left: 10px;
    border-left: 1px solid rgb(102,102,102);
}
.flex-row{
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
}
.flex-row .col{
    padding: 20px;
    box-sizing: border-box;
}
@media (max-width: 768px) {
    .flex-row{
        flex-direction: column;
        align-items: center;
    }
    .flex-row .col{
        width: 100%;
    }
    .flex-row .col.one_third{
        text-align: center;
    }
    .icn-container{
        padding: 12px;
        margin-bottom: 8px;
    }
}

.clamp{
 overflow: hidden;
 text-overflow: ellipsis;
 -webkit-box-orient: vertical;
 display: -webkit-box;
 -webkit-line-clamp: 5;
    transition: all .5s ease;

}
.clamp:hover{
    overflow: hidden;
    -webkit-box-orient: unset;
}