/** === GLOBAL PAGE CSS === **/
header, .header_inner, .header_top_bottom_holder, .header_bottom, .header_bottom > .container {
    background-color: rgba(255,0,0,0);
    background-image: none;
    background: transparent !important;
}

@media only screen and (max-width: 767px) {
    h2.pagetitle-header span {
        padding-left: 0 !important;
        text-indent: 0 !important;
    }

h1.pagetitle-header span {
        padding-left: 0 !important;
        text-indent: 0 !important;
    }
}

/** Hidden Vacancy Pagetitle (partly) **/
span.pagetitle-hidden {
    display: none !important;
}


/** Mobile Spacing **/
@media only screen and (max-width: 767px) {
    #pagetop-spacing {
        display: none;
    }
}

.container_inner.default_template_holder.clearfix.page_container_inner {
    padding: 30px 0 0 !important;
}

@media only screen and (min-width: 768px) and (max-width: 1000px) {
    .container_inner.default_template_holder.clearfix.page_container_inner {
        padding: 50px 0 0 !important;
    }
}

@media only screen and (max-width: 767px) {
    .container_inner.default_template_holder.clearfix.page_container_inner {
        padding: 100px 0 0 !important;
    }
}

.content {
    margin-top: 0 !important;
}

/** Pagetitle **/
#pagetitle .pagetitle h1 {
    color: #a2a2a2;
    text-transform: uppercase;
    font-family: Poppins;
    font-size: 12px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0;
}

a:hover, p a:hover {
    color: #19acc6;
    text-decoration: none;
}

/** === END GLOBAL PAGE CSS === **/
/** === PORTFOLIO ITEMS MOUSEOVER CSS === **/
.portfolio_main_holder .item_holder .portfolio_shader {
    background-position: 50% 50%;
    background-size: 100%;
}


.portfolio_category_23 .item_holder .portfolio_shader {
    background-image: url(/wp-content/uploads/2019/03/deskfinder-mouse-over.jpg);
}

.portfolio_category_24 .item_holder .portfolio_shader {
    background-image: url(/wp-content/uploads/2019/03/witloft-mouse-over.jpg);
}

.portfolio_category_25 .item_holder .portfolio_shader {
    background-image: url(/wp-content/uploads/2019/03/fitshe-mouse-over.jpg);
}

.portfolio_category_26 .item_holder .portfolio_shader {
    background-image: url(/wp-content/uploads/2019/03/hvk-mouse-over.jpg);
}

.portfolio_category_27 .item_holder .portfolio_shader {
    background-image: url(/wp-content/uploads/2019/03/avocado-mouse-over.jpg);
}

.portfolio_category_28 .item_holder .portfolio_shader {
    background-image: url(/wp-content/uploads/2019/03/studiomc-mouse-over.jpg);
}

.portfolio_category_33 .item_holder .portfolio_shader {
    background-image: url(/wp-content/uploads/2019/10/watchnow-mouse-over.jpg);
}

.portfolio_category_34 .item_holder .portfolio_shader {
    background-image: url(/wp-content/uploads/2019/10/primi-mouse-over.jpg);
}

.portfolio_category_35 .item_holder .portfolio_shader {
    background-image: url(/wp-content/uploads/2019/10/langerhuize-mouse-over.jpg);
}

.portfolio_category_36 .item_holder .portfolio_shader {
    background-image: url(/wp-content/uploads/2020/01/ensolid-mouse-over.jpg);
}

.portfolio_category_37 .item_holder .portfolio_shader {
    background-image: url(/wp-content/uploads/2020/01/exposar-mouse-over.jpg);
}

.portfolio_category_38 .item_holder .portfolio_shader {
    background-image: url(/wp-content/uploads/2020/06/COMPANEORS-HOVERPORTFOLIO.jpg);
}

.portfolio_category_39 .item_holder .portfolio_shader {
    background-image: url(/wp-content/uploads/2020/06/LINNICK-HOVERPORTFOLIO.jpg);
}

.portfolio_category_40 .item_holder .portfolio_shader {
    background-image: url(/wp-content/uploads/2020/08/website-portfoliohover.jpg);
}

.portfolio_category_41 .item_holder .portfolio_shader {
    background-image: url(/wp-content/uploads/2020/08/website-portfoliohover-1.jpg);
}

.portfolio_category_42 .item_holder .portfolio_shader {
    background-image: url(/wp-content/uploads/2021/04/oase-lease-hover-item.jpg);
}
.portfolio_category_43 .item_holder .portfolio_shader {
    background-image: url(/wp-content/uploads/2020/10/BB-HOVERPORTFOLIO.jpg);
}

.portfolio_category_44 .item_holder .portfolio_shader {
    background-image: url(/wp-content/uploads/2021/04/website-mala-chettyhover.jpg);
}

.portfolio_category_45 .item_holder .portfolio_shader {
    background-image: url(/wp-content/uploads/2021/04/KUNSTGRAS-HOVERPORTFOLIO.jpg);
}

.portfolio_category_46 .item_holder .portfolio_shader {
    background-image: url(/wp-content/uploads/2021/05/DB-website-portfoliohover.jpg);
}

.portfolio_category_48 .item_holder .portfolio_shader {
    background-image: url(/wp-content/uploads/2021/07/invasto-website-portfoliohover2.jpg);
}

.portfolio_category_49 .item_holder .portfolio_shader {
    background-image: url(/wp-content/uploads/2021/10/fintechamps-portfolioitem-hover.jpg);
}

.portfolio_category_50 .item_holder .portfolio_shader {
    background-image: url(/wp-content/uploads/2021/10/beex-website-portfoliohover.jpg);
}

.portfolio_category_51 .item_holder .portfolio_shader {
    background-image: url(/wp-content/uploads/2021/10/website-portfoliofirstlinegroup-hover.jpg);
}

.portfolio_category_52 .item_holder .portfolio_shader {
    background-image: url(/wp-content/uploads/2021/12/sprinttracks-website-portfoliohover.jpg);
}

.portfolio_category_53 .item_holder .portfolio_shader {
    background-image: url(/wp-content/uploads/2021/12/website-portfoliohover.jpg);
}

.portfolio_category_54 .item_holder .portfolio_shader {
    background-image: url(/wp-content/uploads/2022/01/notchie-portfolio-hover.jpg);
}

.portfolio_category_55 .item_holder .portfolio_shader {
    background-image: url(/wp-content/uploads/2023/03/portfolio_item_hover-1.jpg);
}

.portfolio_category_56 .item_holder .portfolio_shader {
    background-image: url(/wp-content/uploads/2023/03/portfolio_item_hover-2.jpg);
}

.portfolio_category_57 .item_holder .portfolio_shader {
    background-image: url(/wp-content/uploads/2023/03/portfolio_item_hover-3.jpg);
}

.portfolio_category_58 .item_holder .portfolio_shader {
    background-image: url(/wp-content/uploads/2023/03/website-portfolio-lengers.jpg);
}

.portfolio_main_holder .item_holder.slow_zoom .portfolio_shader {
    -webkit-transition: all 1s cubic-bezier(.21, 1, .12, 1) 0s;
    transition: all 1s cubic-bezier(.21, 1, .12, 1) 0s;
}

/** === END PORTFOLIO ITEMS MOUSEOVER CSS === **/
/** === CONTENT SELECTION COLORS CSS === **/
::selection {
    background-color: #154a69 !important;
    color: #fff !important;    
}
/** === END CONTENT SELECTION COLORS CSS === **/
/** === FOOTER MOBILE CSS === **/
@media only screen and (max-width: 767px) {
    .column2.footer_col2 div#text-4:before {
        display: none;
    }

    h4.footer-services {
        position: relative
    }

    h4.footer-services:before {
        content: "";
        width: 7.5px;
        left: 0;
        height: 100%;
        background-color: #19acc6;
        position: absolute;
    }
}
/** === END MOBILE FOOTER CSS === **/
/** === Portfolio Labels === **/
h3.portfolio_title.entry_title, h3.portfolio_title.entry_title a {
    color: #a2a2a2 !important;
    text-transform: uppercase;
    font-family: Poppins;
    font-size: 12px;
    line-height: 12px;
    letter-spacing: 1px;
}

p#portfolio-excerpt {
    color: #172a3a;
    font-family: 'Maitree', sans-serif;
    font-size: 23px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -1px;
    text-transform: none;
}

span.project_category {
    margin-top: 5px !important;
}

div.portfolio_description ul.wpm-button {
    padding-top: 10px;
}

div.portfolio_description ul.wpm-button span.text {
    font-weight: 400 !important;
}
/* Reset line-height */
#portfolio-excerpt,
.wpm-button {
	line-height: 26px;
}
/* Reset line-height END */

/** === END Portfolio Labels === **/
/** === Mobile Header === **/
.logo_wrapper {
    left: 0 !important;
}

.q_logo a, .q_logo img {
    height: 60px !important;
    margin-top: 5px !important;
}

.q_logo a {
    left: 0 !important;
    width: auto!important;
}

header.scroll_header_top_area {
    top: 12px !important;
}

span.popup_menu_inner .line {
    width: 20px !important;
    transform: rotate(180deg);
    left: 6px;
}

.popup_menu .line, .popup_menu .line:after, .popup_menu .line:before {
    background-color: #000000 !important;
    width: 26px !important;
}

.popup_menu_inner {
    left: -3px !important;
}

.popup_menu .line, .popup_menu .line:after, .popup_menu .line:before {
    background-color: #000000 !important;
    width: 26px !important;
}

.popup_menu .line:after {
    top: 7px;
}

.popup_menu .line, .popup_menu .line:after, .popup_menu .line:before {
    background-color: #154b69 !important;
    width: 26px !important;
}

.popup_menu.opened .line:after, .popup_menu.opened .line:before {
    background-color: #ffffff !important;
}

.popup_menu .line:before {
    top: -7px;
}

.shopping_cart_inner, .side_menu_button {
    top: 14px;
    right: 0px;
}

.shopping_cart_inner, .side_menu_button {
    height: 60px !important;
    width: 60px;
    z-index: 1;
    text-align: center;
    border-radius: 50%;
}

.side_menu_button a:last-child {
    padding: 10px;
}

.ful_section {
    padding-left: 75px !important;
}

.nav-left li a {
    text-align: left !important;
}

nav.popup_menu ul li {
    margin-bottom: 20px !important;
}

.ful_menu_iiner {
    font-family: 'Poppins'
}
/** === END Mobile Header === **/
/** === Project Planner CTA === **/
.qode_popup_menu_fade_in .planner-cta {
    opacity: 0;
}

.planner-cta {
  display: block;
  text-decoration: none;
  position: fixed;
  right: 35px;
  bottom: 35px;
  padding-top: 10px;
  z-index: 999999;
  opacity: 1;
  transition: all 0.25s ease;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  background-color: rgba(194, 194, 194, .15);
  border-radius: 10px;
  padding-left: 15px;
  padding-top: 15px;
}

.planner-cta:hover {
    -webkit-box-shadow: 0px 0px 5px 0px rgba(143,143,143,.4);
    -moz-box-shadow: 0px 0px 5px 0px rgba(143,143,143,.4);
    box-shadow: 0px 0px 5px 0px rgba(143,143,143,.4);
}

.planner-cta.noshow {
  opacity: 0 !important;
}

.planner-cta-icon {
  margin: 5px 15px 15px 0;
  width: 46px;
  height: 46px;
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.planner-cta-title {
  font-family: 'Poppins', sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: #444444;
  font-size: 12px;
  font-size: .75rem;
  line-height: 14px;
  font-weight: 400;
  margin-top: 10px;
  display: inline-block;
}

.planner-cta-text {
  font-family: 'Poppins';
  color: #444444;
  font-size: 12px;
  font-weight: 400;
  text-transform: uppercase;
}

/** Mobile **/
@media only screen and (max-width: 1239px) {
    .planner-cta-text {
        display: none;
    }

    .planner-cta {
        background-color: #154b69 !important;
        border: 10px solid #154b69 !important;
        border-radius: 50%;
        padding-left: 0;
        padding-top: 0;
        bottom: 20px;
        right: 20px;
    }

    .planner-cta-icon {
        margin: 0;
    }
}
/** === END Project Planner CTA === **/
/** === Mobile Spacing Boven/Onder Pageheader Image === **/
@media only screen and (max-width: 767px) {
    #pagetitle .vc_empty_space[style="height: 76px"] {
        height: 30px !important;
    }

    #pagetitle .vc_empty_space[style="height: 120px"] {
        height: 30px !important;
    }
}
/** === END Mobile Spacing Boven/Onder Pageheader Image === **/
/** Side Menu White Background **/
.alasticky:before {
    content:"";
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: 37%;
    width: 28%;
    background-color: white;
    border-radius: 100px;
    z-index: 9000;
}

.alasticky li {
    z-index: 9999 !important;
}

ul.alasticky{
    margin-left:0px !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
	position: relative;
}

/** === Random Whitespace boven Footer === **/
@media only screen and (-webkit-min-device-pixel-ratio: 3) and (max-device-width: 812px) and (min-device-width: 375px) {
    .content {
        padding-bottom: 0em !important;
    }
}

/** === Service page template === **/
#service-pageintro > .full_section_inner,  #service-usp-section > .full_section_inner, #service-info-section > .full_section_inner, .service-quoteblock > .full_section_inner, .service-portfolioblock > .full_section_inner, #service-cta-section-inner > .full_section_inner{
    max-width: 1040px;
    margin: 0 auto;
}

#service-pageintro p{
    color: #1CACC6;
}

#service-pageintro .wpb_single_image{
    margin-top: 188px;
}

#service-pageintro img{
    max-width: 70%;
    height: auto;
}

#service-pageintro { 
    padding-bottom: 70px;
    padding-top: 65px;
}

#service-pageintro:after{
    content: "";
    background-image: url(https://mlp0fbgnlrlx.i.optimole.com/OsyBbNA-JEl_0lLP/w:auto/h:auto/q:auto/https://wpmasters.nl/wp-content/uploads/2019/03/background-blurb_skyblue.png) !important;
    background-position: left top;
    background-size: 108%;
    background-repeat:  no-repeat;
    display: block;
    top: -90px;
    width: 100%;
    height: 130%;
    position: absolute;
    z-index: 9;
}

#service-pageintro aside.service-nav-box {
    position: absolute;
    top: 20px;
    right: -120px;
}

#service-usp-section{
    padding: 209.5px 0 178px 0;
}

#service-usp-section p{
    color: #fff;
    float: left;
    margin-top: 30px;
}

#service-usp-section .usp-title{
    display: flex;
    align-items: center;
}

#service-usp-section h3{
    font-size: 20px;
    color: #fff;
    font-weight: 600;
    margin-left: 20px;
    margin-top: 30px;
}

#service-usp-section .wpb_single_image{
    max-width: 150px;
    display: inline-block;
    float: left;
}

#service-usp-section .usp-icon img{
    width: 100px;
    height: 100px;
}

#service-info-section{
    padding: 94px 0 140px 0
}

#service-info-section .second-alinea p{
    font-weight: 300;
}

#service-info-section .service-image-row .full_section_inner {
    margin: 97px 0 85px 0;
}

#service-info-section .service-image-row .first-column{
    display: flex;
    align-items: center;
    height: 352px;
}

#service-info-section .service-image-row p{
    padding-bottom: 15px;
}

.service-image-row .wpb_text_column.wpb_content_element p:before {
    content: "";
    width: 20px;
    height: 4px;
    display: block;
    background-color: #1CAFCA;
    display: inline-block;
    margin-bottom: 3px;
    margin-right: 20px;
}

.service-image-row img{
    margin-left: 100px;
    box-shadow: 300px 0 #D75030;
}

.service-quoteblock{
    margin-top: 40px !important;
}

.service-quoteblock-inner{
    max-width: 722px;
    margin: 0 auto;
}

.service-quoteblock img{
    width: 50%;
}

.service-quoteblock:before {
    content: "";
    height: calc(100% + 140px);
    top: -70px;
    width: 100px;
    background-color: #1BACC6;
    display: block;
    position: absolute;
    left: 0;
    transition: width .5s ease .5s;
}

#service-banner-row .vc_column_container>.vc_column-inner{
    padding-left: 0;
    padding-right: 0;
}

#service-banner-row{
    margin-top: 69px;
}

.service-portfolioblock{
    margin-top: 140px !important;
}

.service-portfolioblock .title-margin h3{
    margin-bottom: 80px;
}

.service-portfolioblock .icons_holder{
    display: none !important;
}

#service-cta-section{
    padding: 100px 0;
}

#service-cta-section:before {
    content: "";
    background-image: url(https://wpmasters.nl/wp-content/uploads/2021/01/shape-2.png) !important;
    background-size: cover;
    height: 100%;
    width: 100%;
    display: block;
    position: absolute;
    top: 0;
}

#service-cta-section h3 {
    color: #154B69;
}

#service-cta-section #left-col{
    margin-top: 300px;
    padding-left: 50px;
}

.multiple-screens-img{
    max-width: 300px;
    position: absolute;
    left: -8%;
    top: 25%;
}

#service-cta-section .wpm-button{
    margin-left: 30px;
}

.service-nav-active{
    font-weight: 500;
}

/** === Service page media queries === **/
@media(max-width: 1200px){
    #service-pageintro .service-nav-box{
        display: none;
    }

    .multiple-screens-img {
        max-width: 200px;
        left: -7%;
        top: 15%;
    }

    #service-pageintro .wpb_single_image {
        margin-top: 94px;
    }
}

@media(max-width: 1280px){
    .service-quoteblock:before{
        display: none;
    }

    .service-image-row img{
        box-shadow: none !important;
    }
}

@media(max-width:1024px){
    #service-pageintro:after{
        top: -110px;
    }

    #service-info-section .service-image-row .first-column{
        height: 254px;
    }

    #service-pageintro .wpb_single_image {
        margin-top: 54px !important;
    }

    #service-pageintro img {
        max-width: 50%;
    }

    #service-cta-section-inner img{
        max-width: 85%;
    }
}

@media(max-width:768px){
    #service-usp-section{
        padding: 105px 0 39px 0;
    }

    #service-usp-section .wpb_column{
        margin-bottom: 50px;
    }

    #service-pageintro:after{
        top: -160px;
    }

    .service-image-row img{
        max-height: 270px;
        width: auto;
        margin-left: 0;
    }

    #service-info-section .service-image-row .full_section_inner {
        margin: 48px 0 42px 0;
    }

    .service-portfolioblock{
        margin-top: 80px !important;
    }

    .service-portfolioblock .title-margin h3{
        margin-bottom: 40px;
    }

    .multiple-screens-img {
        max-width: 150px;
        top: -5%;
    }

    #service-cta-section-inner .vc_col-sm-6 {
        max-width: 50%;
        display: inline-block;
    }

    #service-cta-section-inner #left-col{
        margin-top: 150px;
        padding-left: 0;
    }

    #service-banner-row img{
        min-width: 150%;
        height: auto;
    }
}

@media(max-width: 600px){
    #service-pageintro img {
        max-width: 60%;
    }
    #service-info-section{
        padding: 94px 0;
    }
}

@media(max-width:767px){
    #service-cta-section-inner .vc_single_image-wrapper {
        margin-top: -250px;
    }

    #service-pageintro{
        padding-top: 0;
    }
}

@media(max-width: 425px){
    #service-cta-section-inner .vc_col-sm-6{
        max-width: 100%;
        display: block;
    }

    #service-cta-section-inner img {
        max-width: 55%;
    }

    #service-cta-section-inner .vc_single_image-wrapper{
         margin-top: -350px;
    }

    #service-cta-section{
        padding: 20px 0;
    }

    #service-cta-section-inner #left-col{
        margin-top: 180px;
    }

    #service-pageintro img{
        max-width: 70%;
    }
}

@media(max-width: 375px){
    .service-image-row p:before{
        width: 10px !important;
        margin-right: 10px !important;
    }

    .service-image-row p{
        font-size: 14px;
    }
}