/* ==============================================================================
Theme Name: Phlox Pro Child
Theme URI: http://phlox.pro/go/
Author: averta
Author URI: http://www.phlox.pro
Description: Phlox Pro Child Theme
Template: phlox-pro
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column,two-columns, three-columns, left-sidebar, right-sidebar
Text Domain: phlox-pro-child
================================================================================= */

a { color: #fff;}
input:focus-visible { outline: none;}

/* common page content style */
.content-listing-items-section ul { padding-left: 30px;}
.content-listing-items-section ul li { list-style: disc;}
.content-listing-items-section ul li p { margin-bottom: 0px !important;}
/* .aux-goto-top-btn .aux-arrow-nav.aux-outline { background-color: #f99a89 !important; } */
.home .elementor-location-header .aux-parallax-section { box-shadow: none !important;}
/* contact form css start */
.mekers-contact-form-section .contact-form-field-section textarea.wpcf7-form-control.wpcf7-textarea { resize: none;}
.mekers-contact-form-section .contact-form-field-section .form-field-section { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap;}
.mekers-contact-form-section .contact-form-field-section .half-field-section { width: 100%; max-width: 49%; flex: 0 0 49%;}
.mekers-contact-form-section .contact-form-field-section .full-field-section { width: 100%; max-width: 100%;}
.mekers-contact-form-section .contact-form-field-section .full-field-section label { margin-bottom: 0 !important;}
.mekers-contact-form-section .contact-form-field-section .half-field-section p, .mekers-contact-form-section .contact-form-field-section .half-field-section label, .mekers-contact-form-section .contact-form-field-section .txtarea-field-section label{ margin-bottom: 0px !important;}
.mekers-contact-form-section .contact-form-field-section input[type="date"]::-webkit-calendar-picker-indicator { cursor: pointer; filter: invert(0.7);}
.mekers-contact-form-section .contact-form-field-section input.wpcf7-form-control.wpcf7-text,
 .mekers-contact-form-section .contact-form-field-section textarea.wpcf7-form-control.wpcf7-textarea,
 .mekers-contact-form-section .contact-form-field-section input.wpcf7-form-control.wpcf7-number,
 .mekers-contact-form-section .contact-form-field-section input.wpcf7-form-control.wpcf7-date { margin-bottom: 25px; font-size: 19px; border-radius: 5px !important; border: 1px solid #2f2f2f; background-color: transparent; font-style: normal !important; color: #111419b3; width: 100%; padding: 10px 10px 10px 15px; -webkit-border-radius: 5px !important; -moz-border-radius: 5px !important; -ms-border-radius: 5px !important; -o-border-radius: 5px !important; }





.mekers-contact-form-section .contact-form-field-section input::placeholder, .mekers-contact-form-section .contact-form-field-section textarea::placeholder { font-style: normal !important; font-size: 16px;}
.mekers-contact-form-section .contact-form-field-section textarea.wpcf7-form-control.wpcf7-textarea.wpcf7-validates-as-required { height: 150px; width: 100%;}
.mekers-contact-form-section .contact-form-field-section span.wpcf7-not-valid-tip { font-size: 16px; margin-top: 5px; margin-bottom: 10px;}
.mekers-contact-form-section .contact-form-field-section .wpcf7 form.invalid .wpcf7-response-output{border-color: #B60239 !important; color: #B60239 !important;}
.wpcf7 form.sent .wpcf7-response-output { color: #46b450 !important}
.mekers-contact-form-section .contact-form-field-section input::placeholder { color: #c4c1c1 !important;}
.mekers-contact-form-section .contact-form-field-section input.wpcf7-not-valid, .mekers-contact-form-section .contact-form-field-section textarea.wpcf7-not-valid { margin-bottom: 0px !important;}
.mekers-contact-form-section .contact-form-field-section input.wpcf7-form-control.wpcf7-submit.has-spinner { box-shadow: none; background-color: transparent; background-image: linear-gradient(90deg, #B60239, #F34E30) !important; font-size: 17px; line-height: 30px; padding: 10px 30px; color: #fff;}
.mekers-contact-form-section .contact-form-field-section input.wpcf7-form-control.wpcf7-submit.has-spinner:hover {background-image: linear-gradient(180deg, #F34E30 0%, #B60239 100%) !important;transition: 0.3s ease-in-out; background-color: transparent;}
.mekers-contact-form-section .contact-map-section iframe { border-radius: 0px !important;}
.mekers-contact-form-section .contact-form-field-section span.wpcf7-spinner { display: inline-table;}
.contact-details-section a:hover, .contact-details-section .elementor-icon-list-text:hover, .contact-details-section i:hover { color: #ff9c92 !important;}
.mekers-contact-form-section .contact-form-field-section .wpcf7-response-output { color: #fff !important; font-size: 16px; text-align: center; margin-top: 5px !important;}
.mekers-contact-form-section .contact-form-field-section input:focus, .mekers-contact-form-section .contact-form-field-section textarea:focus { background-color: transparent !important; border-color: #686868 !important; transition: 0.3s;}
.mekers-contact-form-section .contact-form-field-section.offerte-form-field-section .half-field-section label.d-none,
.mekers-contact-form-section .contact-form-field-section.offerte-form-field-section .full-field-section label.d-none  { display: none;}
/* contact form css end */
/* templates slider css start */
.service-boxslider-section .sevices-slider-section .aux-prev-arrow.aux-arrow-nav.aux-outline,
 .service-boxslider-section .sevices-slider-section .aux-next-arrow.aux-arrow-nav.aux-outline { background-color: #fff;}
.service-boxslider-section .sevices-slider-section .aux-prev-arrow.aux-arrow-nav.aux-outline.aux-hover-fill:hover,
 .service-boxslider-section .sevices-slider-section .aux-next-arrow.aux-arrow-nav.aux-outline.aux-hover-fill:hover {background-color:#B60239;}
.service-boxslider-section .sevices-slider-section .aux-side-control ~ .aux-mc-controls .aux-next {right: -50px;left: auto;}
.service-boxslider-section .sevices-slider-section .aux-side-control ~ .aux-mc-controls .aux-prev {left: -50px; right: auto;}
.service-boxslider-section .sevices-slider-section .aux-widget-advanced-text.aux-wrap-style-simple.aux-text-widget-bg-center { height: 100%; max-height: 400px; min-height: 400px;}
.wat-doen-wij-section ..aux-widget-text .aux-ico-shape-round-rect { border-radius: 0}
.wat-doen-wij-section .aux-ico-box { border-radius: 0}
/* templates slider css end */

/* Media query start */
@media only screen and (min-width: 1400px) and (max-width:1600px){
	.cta-section-container { width: 93%}

}

@media only screen and (min-width: 1024px) and (max-width:1292px) and (orientation:portrait) { 
.hdr-logo-col { width: 25%}
.hdr-phone-col { width: 17%}
}
@media only screen and (min-width: 1200px) and (max-width:1399px){
    .three-imgs-col-wrap .aux-shpe-type-circle {
        top: 66% !important;
        left: 50% !important;
        transform: translate(-10%, -50%) !important;
        -webkit-transform: translate(-10%, -50%) !important;
        -moz-transform: translate(-10%, -50%) !important;
        -ms-transform: translate(-10%, -50%) !important;
        -o-transform: translate(-10%, -50%) !important;
}
}
@media only screen and (min-width: 768px) and (max-width:1024px){
.contact-met-box-section h3 span {font-size: 28px !important;}
.service-boxslider-section .sevices-slider-section .aux-side-control ~ .aux-mc-controls .aux-next { right: 0px; left: auto;}
.service-boxslider-section .sevices-slider-section .aux-side-control ~ .aux-mc-controls .aux-prev { left: 0px;right: auto;}
.mekers-contact-form-section .contact-form-field-section input.wpcf7-form-control.wpcf7-text, .mekers-contact-form-section .contact-form-field-section textarea.wpcf7-form-control.wpcf7-textarea, .mekers-contact-form-section .contact-form-field-section input.wpcf7-form-control.wpcf7-number, .mekers-contact-form-section .contact-form-field-section input.wpcf7-form-control.wpcf7-date { padding: 10px !important}
}
@media only screen and (min-width: 820px) and (max-width:1180px) and (orientation:portrait) { 
    .three-imgs-col-wrap { flex-wrap: nowrap;}
    .mekers-contact-form-section > .e-con-inner:first-of-type { flex-wrap: nowrap !important;}
    .mekers-contact-form-section .contact-form-field-section input.wpcf7-form-control.wpcf7-text, .mekers-contact-form-section .contact-form-field-section textarea.wpcf7-form-control.wpcf7-textarea, .mekers-contact-form-section .contact-form-field-section input.wpcf7-form-control.wpcf7-number, .mekers-contact-form-section .contact-form-field-section input.wpcf7-form-control.wpcf7-date { padding: 10px 10px 10px 5px !important; }
    .contact-details-section > .e-con-inner:first-of-type {gap: 5px; justify-content: start; padding-left: 10px;}
    .contact-details-section .elementor-icon-box-content p { font-size: 13px;}
    .contact-details-section .elementor-icon-box-content h3 span {font-size: 20px !important; }
    .wat-doen-wij-boxes-wrap .elementor-widget-aux_text { min-height: 400px;}
    .three-imgs-right-content-col { padding-left: 40px;}
    .three-imgs-col-wrap .aux-the-shape { width: 288px !important; height: 168px !important;}
}
@media only screen and (min-width: 820px) and (max-width:1180px) and (orientation:landscape) {
	.contact-met-box-section {width: 1060px !important}
    .wat-doen-wij-boxes-wrap .elementor-widget-aux_text { min-height: 400px;}
    .three-imgs-col-wrap .aux-shpe-type-circle {
        top: 66% !important;
        left: 50% !important;
        transform: translate(-10%, -50%) !important;
        -webkit-transform: translate(-10%, -50%) !important;
        -moz-transform: translate(-10%, -50%) !important;
        -ms-transform: translate(-10%, -50%) !important;
        -o-transform: translate(-10%, -50%) !important;
}
}
@media only screen and (min-width: 768px) and (max-width:1024px) and (orientation:landscape) { 
	.neem-contact-op-section {
    width: 90% !important;
}



    .hdr-phone-col { width: 17%; order: 3 !important}
    .hdr-logo-col { width: 22%;  order: 1 !important}
    .hdr-menu-col { order: 2 !important}
    .three-imgs-col-wrap { flex-wrap: nowrap;}
    .mekers-contact-form-section > .e-con-inner { flex-wrap: nowrap !important;}
    .overheid-img-section .elementor-widget-container { height: 690px !important;}

}
@media only screen and (min-width: 768px) and (max-width:1024px) and (orientation:portrait) { 
	.cta-section-container { width: 98%; padding-left: 40px; padding-right: 10px}
	.cta-section-container h3.elementor-icon-box-title { font-size: 29px !important}
    .aux-master-menu .aux-item-content { line-height: 1.5em !important; margin-bottom: 20px !important;}
}
@media only screen and (max-width: 767px) {
	.cta-section-container .aux-modern-button-wrapper { text-align: center !important}
	.neem-contact-op-section { width: 370px !important}
.service-boxslider-section .sevices-slider-section .aux-side-control ~ .aux-mc-controls .aux-next { right: 0px;left: auto;}
.service-boxslider-section .sevices-slider-section .aux-side-control ~ .aux-mc-controls .aux-prev {left: 0px; right: auto;}
.mekers-contact-form-section .contact-form-field-section .half-field-section { width: 100%; max-width: 100% !important; flex: 0 0 100% !important;}
.three-imgs-col-wrap .custom-shape-img2 .aux-media-image { margin-left: auto !important;}
.aux-master-menu .aux-item-content { line-height: 1.5em !important; margin-bottom: 25px !important;}
}
@media only screen and (min-width: 1399px) and (max-width:1600px){
.service-boxslider-section .sevices-slider-section .aux-side-control ~ .aux-mc-controls .aux-next { right: 0px;left: auto;}
.service-boxslider-section .sevices-slider-section .aux-side-control ~ .aux-mc-controls .aux-prev {left: 0px; right: auto;}}
@media only screen and (min-width: 768px) and (max-width:1366px) and (orientation:landscape) { 
    /* .three-imgs-col-wrap { gap: 0 40px !important} */
}
@media only screen and (min-width: 1200px) and (max-width:1399px){
	.wat-doen-wij-boxes-wrap .elementor-widget-aux_text .elementor-widget-container { min-height: 410px}
.service-boxslider-section .sevices-slider-section .aux-side-control ~ .aux-mc-controls .aux-next { right: 0px;left: auto;}
.service-boxslider-section .sevices-slider-section .aux-side-control ~ .aux-mc-controls .aux-prev {left: 0px; right: auto;}   
}
@media only screen and (min-width: 1025px) and (max-width:1199px){
.service-boxslider-section .sevices-slider-section .aux-side-control ~ .aux-mc-controls .aux-next { right: 0px;left: auto;}
.service-boxslider-section .sevices-slider-section .aux-side-control ~ .aux-mc-controls .aux-prev {left: 0px; right: auto;}
}
@media only screen and (max-width: 992px) and (orientation:landscape) {
    .hdr-phone-col .elementor-widget-heading h2.elementor-heading-title  { font-size: 17px !important}
    .contact-details-section > .e-con-inner:first-of-type {gap: 15px; justify-content: start; padding-left: 10px;}
    .contact-details-section h3 span {font-size: 20px !important;}
    .contact-details-section p { font-size: 13px;}
    .aux-master-menu .aux-item-content { font-size: 17px !important; line-height: 1.5em !important; margin-bottom: 17px !important;}
    .aux-fs-popup .aux-fs-menu, .aux-fs-popup .aux-fs-menu.aux-middle-aligned {
        top: 50%;
        transform: translateY(-40%);
        -webkit-transform: translateY(-40%);
        -moz-transform: translateY(-40%);
        -ms-transform: translateY(-40%);
        -o-transform: translateY(-40%);
}
}

@media only screen and (max-width: 667px) and (orientation:landscape) {
    .aux-master-menu .aux-item-content { font-size: 17px !important;}
}

/* Media query end */