.ct-section {
width:100%;
background-size:cover;
background-repeat:repeat;
}
.ct-section>.ct-section-inner-wrap {
display:flex;
flex-direction:column;
align-items:flex-start;
}
.ct-div-block {
display:flex;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.ct-new-columns {
display:flex;
width:100%;
flex-direction:row;
align-items:stretch;
justify-content:center;
flex-wrap:wrap;
}
.ct-link-text {
display:inline-block;
}
.ct-link {
display:flex;
flex-wrap:wrap;
text-align:center;
text-decoration:none;
flex-direction:column;
align-items:center;
justify-content:center;
}
.ct-link-button {
display:inline-block;
text-align:center;
text-decoration:none;
}
.ct-link-button {
background-color: #1e73be;
border: 1px solid #1e73be;
color: #ffffff;
padding: 10px 16px;
}
.ct-image {
max-width:100%;
}
.ct-fancy-icon>svg {
width:55px;height:55px;}
.ct-inner-content {
width:100%;
}
.ct-slide {
display:flex;
flex-wrap:wrap;
text-align:center;
flex-direction:column;
align-items:center;
justify-content:center;
}
.ct-nestable-shortcode {
display:flex;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-comments {
width:100%;
text-align:left;
}
.oxy-comment-form {
width:100%;
}
.oxy-login-form {
width:100%;
}
.oxy-search-form {
width:100%;
}
.oxy-tabs-contents {
display:flex;
width:100%;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-tab {
display:flex;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-tab-content {
display:flex;
width:100%;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-testimonial {
width:100%;
}
.oxy-icon-box {
width:100%;
}
.oxy-pricing-box {
width:100%;
}
.oxy-posts-grid {
width:100%;
}
.oxy-gallery {
width:100%;
}
.ct-slider {
width:100%;
}
.oxy-tabs {
display:flex;
flex-wrap:nowrap;
flex-direction:row;
align-items:stretch;
}
.ct-modal {
flex-direction:column;
align-items:flex-start;
}
.ct-span {
display:inline-block;
text-decoration:inherit;
}
.ct-widget {
width:100%;
}
.oxy-dynamic-list {
width:100%;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
			.ct-div-block,
			.oxy-post-content,
			.ct-text-block,
			.ct-headline,
			.oxy-rich-text,
			.ct-link-text { max-width: 100%; }
			img { flex-shrink: 0; }
			body * { min-height: 1px; }
		}            .oxy-testimonial {
                flex-direction: row;
                align-items: center;
            }
                        .oxy-testimonial .oxy-testimonial-photo-wrap {
                order: 1;
            }
            
                        .oxy-testimonial .oxy-testimonial-photo {
                width: 125px;                height: 125px;                margin-right: 20px;
            }
            
                        .oxy-testimonial .oxy-testimonial-photo-wrap, 
            .oxy-testimonial .oxy-testimonial-author-wrap, 
            .oxy-testimonial .oxy-testimonial-content-wrap {
                align-items: flex-start;                text-align: left;            }
            
                                                            .oxy-testimonial .oxy-testimonial-text {
                margin-bottom:8px;font-size: 21px;
line-height: 1.4;
-webkit-font-smoothing: subpixel-antialiased;
            }
            
                                    .oxy-testimonial .oxy-testimonial-author {
                font-size: 18px;
-webkit-font-smoothing: subpixel-antialiased;
            }
                            

                                                .oxy-testimonial .oxy-testimonial-author-info {
                font-size: 12px;
-webkit-font-smoothing: subpixel-antialiased;
            }
            
             
            
                        .oxy-icon-box {
                text-align: left;                flex-direction: column;            }
            
                        .oxy-icon-box .oxy-icon-box-icon {
                margin-bottom: 12px;
                align-self: flex-start;            }
            
                                                                        .oxy-icon-box .oxy-icon-box-heading {
                font-size: 21px;
margin-bottom: 12px;            }
            
                                                                                    .oxy-icon-box .oxy-icon-box-text {
                font-size: 16px;
margin-bottom: 12px;align-self: flex-start;            }
            
                        .oxy-icon-box .oxy-icon-box-link {
                margin-top: 20px;                            }
            
            
            /* GLOBALS */

                                                            .oxy-pricing-box .oxy-pricing-box-section {
                padding-top: 20px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 20px;
text-align: center;            }
                        
                        .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-price {
                justify-content: center;            }
            
            /* IMAGE */
                                                                                    .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-graphic {
                justify-content: center;            }
            
            /* TITLE */
                                                            
                                    .oxy-pricing-box .oxy-pricing-box-title-title {
                font-size: 48px;
            }
            
                                    .oxy-pricing-box .oxy-pricing-box-title-subtitle {
                font-size: 24px;
            }
            

            /* PRICE */
                                                .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-price {
                                                flex-direction: row;                                            }
            
                                    .oxy-pricing-box .oxy-pricing-box-currency {
                font-size: 28px;
            }
            
                                    .oxy-pricing-box .oxy-pricing-box-amount-main {
                font-size: 80px;
line-height: 0.7;
            }
            
                                    .oxy-pricing-box .oxy-pricing-box-amount-decimal {
                font-size: 13px;
            }
                        
                                    .oxy-pricing-box .oxy-pricing-box-term {
                font-size: 16px;
            }
            
                                    .oxy-pricing-box .oxy-pricing-box-sale-price {
                font-size: 12px;
color: rgba(0,0,0,0.5);
                margin-bottom: 20px;            }
            
            /* CONTENT */

                                                                        .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-content {
                font-size: 16px;
color: rgba(0,0,0,0.5);
            }
            
            /* CTA */

                                                                        .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-cta {
                justify-content: center;            }
            
        
                                .oxy-progress-bar .oxy-progress-bar-background {
            background-color: #000000;            background-image: linear-gradient(-45deg,rgba(255,255,255,.12) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.12) 50%,rgba(255,255,255,.12) 75%,transparent 75%,transparent);            animation: none 0s paused;        }
                
                .oxy-progress-bar .oxy-progress-bar-progress-wrap {
            width: 85%;        }
        
                                                        .oxy-progress-bar .oxy-progress-bar-progress {
            background-color: #66aaff;padding: 40px;animation: none 0s paused, none 0s paused;            background-image: linear-gradient(-45deg,rgba(255,255,255,.12) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.12) 50%,rgba(255,255,255,.12) 75%,transparent 75%,transparent);        
        }
                
                        .oxy-progress-bar .oxy-progress-bar-overlay-text {
            font-size: 30px;
font-weight: 900;
-webkit-font-smoothing: subpixel-antialiased;
        }
        
                        .oxy-progress-bar .oxy-progress-bar-overlay-percent {
            font-size: 12px;
        }
        
        .ct-slider .unslider-nav ol li {border-color: #ffffff; }.ct-slider .unslider-nav ol li.unslider-active {background-color: #ffffff; }.ct-slider .ct-slide {
				padding: 0px;			}
		
                        .oxy-superbox .oxy-superbox-secondary, 
            .oxy-superbox .oxy-superbox-primary {
                transition-duration: 0.5s;            }
            
            
            
            
            
        
        
        
        
            .oxy-shape-divider {
                width: 0px;
                height: 0px;
                
            }
            
            .oxy_shape_divider svg {
                width: 100%;
            }
            .oxy-pro-menu .oxy-pro-menu-container:not(.oxy-pro-menu-open-container):not(.oxy-pro-menu-off-canvas-container) .sub-menu{
box-shadow:px px px px ;}

.oxy-pro-menu .oxy-pro-menu-show-dropdown .oxy-pro-menu-list .menu-item-has-children > a svg{
transition-duration:0.4s;
}

.oxy-pro-menu .oxy-pro-menu-show-dropdown .oxy-pro-menu-list .menu-item-has-children > a div{
margin-left:0px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-open-icon svg{
width:30px;
height:30px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-open-icon{
padding-top:15px;
padding-right:15px;
padding-bottom:15px;
padding-left:15px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-open-icon, .oxy-pro-menu .oxy-pro-menu-mobile-open-icon svg{
transition-duration:0.4s;
}

.oxy-pro-menu .oxy-pro-menu-mobile-close-icon{
top:20px;
left:20px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-close-icon svg{
width:24px;
height:24px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-close-icon, .oxy-pro-menu .oxy-pro-menu-mobile-close-icon svg{
transition-duration:0.4s;
}

.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container, .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container{
background-color:#ffffff;
}

.oxy-pro-menu .oxy-pro-menu-off-canvas-container, .oxy-pro-menu .oxy-pro-menu-open-container{
background-image:url();
}

.oxy-pro-menu .oxy-pro-menu-off-canvas-container .oxy-pro-menu-list .menu-item-has-children > a svg, .oxy-pro-menu .oxy-pro-menu-open-container .oxy-pro-menu-list .menu-item-has-children > a svg{
font-size:24px;
}

.oxy-pro-menu .oxy-pro-menu-dropdown-links-toggle.oxy-pro-menu-open-container .menu-item-has-children ul, .oxy-pro-menu .oxy-pro-menu-dropdown-links-toggle.oxy-pro-menu-off-canvas-container .menu-item-has-children ul{
background-color:rgba(0,0,0,0.2);
border-top-style:solid;
}

.oxy-pro-menu .oxy-pro-menu-container:not(.oxy-pro-menu-open-container):not(.oxy-pro-menu-off-canvas-container) .oxy-pro-menu-list{
                    flex-direction: row;
               }
.oxy-pro-menu .oxy-pro-menu-container .menu-item a{
                    text-align: left;
                    justify-content: flex-start;
                }
.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container .menu-item, .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container .menu-item{
                    align-items: flex-start;
                }

            .oxy-pro-menu .oxy-pro-menu-off-canvas-container{
                    top: 0;
                    bottom: 0;
                    right: auto;
                    left: 0;
               }
.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container .oxy-pro-menu-list .menu-item a, .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container .oxy-pro-menu-list .menu-item a{
                    text-align: left;
                    justify-content: flex-start;
                }

            .oxy-site-navigation {
--oxynav-brand-color:#4831B0;
--oxynav-neutral-color:#FFFFFF;
--oxynav-activehover-color:#EFEDF4;
--oxynav-background-color:#4831B0;
--oxynav-border-radius:0px;
--oxynav-other-spacing:8px;
--oxynav-transition-duration:0.3s;
--oxynav-transition-timing-function:cubic-bezier(.84,.05,.31,.93);
}

.oxy-site-navigation .oxy-site-navigation__mobile-close-wrapper{
text-align:left;
}

.oxy-site-navigation > ul{ left: 0; }
.oxy-site-navigation {
                        --oxynav-animation-name: none; 
                    }

                .oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(1){ 
                    background-color: var(--oxynav-brand-color);
                    transition: var(--oxynav-transition-duration);
                    margin-left: var(--oxynav-other-spacing);
                    border: none;
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2){ 
                    background: transparent;
                    border: 1px solid currentColor;
                    transition: var(--oxynav-transition-duration);
                    margin-left: var(--oxynav-other-spacing);
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2):not(:hover) > img{
                    filter: invert(0) !important;
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:hover{
                    background-color: var(--oxynav-activehover-color);
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(1) > a{
                    color: var(--oxynav-neutral-color);
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2) > a{
                    color: var(--oxynav-brand-color);
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:hover > a{
                    color: var(--oxynav-brand-color);
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(1) > a::after{
                    color: var(--oxynav-neutral-color);   
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2) > a::after{
                    color: var(--oxynav-brand-color);   
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:hover > a::after{
                    color: var(--oxynav-brand-color);   
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true'] > ul{
                    display: none;
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true'] > button, .oxy-site-navigation > ul:not(.open) > li[data-cta='true'] > ul{
                    display: none;
                }

                .ct-section-inner-wrap, .oxy-header-container{
  max-width: 1200px;
}
body {font-family: 'Open Sans';}body {line-height: 1.6;font-size: 20px;font-weight: 300;color: #ffffff;}.oxy-nav-menu-hamburger-line {background-color: #ffffff;}h1, h2, h3, h4, h5, h6 {font-family: 'Work Sans';font-size: 40px;font-weight: 700;line-height: 40px;color: #ffffff;}h2, h3, h4, h5, h6{font-size: 40px;line-height: 40px;color: #ffffff;}h3, h4, h5, h6{font-size: 30px;color: #fcfcfc;}h4, h5, h6{font-size: 20px;}h5, h6{font-size: 18px;}h6{font-size: 16px;}a {color: #ffffff;text-decoration: underline;}.ct-link-text {text-decoration: ;}.ct-link-text:hover {color: #e63031;text-decoration: underline;}.ct-link {color: #ffffff;text-decoration: ;}.ct-link:hover {color: #e63031;}.ct-link-button {border-radius: 3px;}.ct-section-inner-wrap {
padding-top: 75px;
padding-right: 20px;
padding-bottom: 75px;
padding-left: 20px;
}.ct-new-columns > .ct-div-block {
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
}.oxy-header-container {
padding-right: 20px;
padding-left: 20px;
}@media (max-width: 992px) {
				.ct-columns-inner-wrap {
					display: block !important;
				}
				.ct-columns-inner-wrap:after {
					display: table;
					clear: both;
					content: "";
				}
				.ct-column {
					width: 100% !important;
					margin: 0 !important;
				}
				.ct-columns-inner-wrap {
					margin: 0 !important;
				}
			}
.atomic-subheading {
 font-family:Work Sans;
 color:#2b2c28;
 font-size:24px;
 line-height:1.4;
 font-weight:300;
 max-width:480px;
}
@media (max-width: 767px) {
.atomic-subheading {
}
}

.atomic-secondary-heading {
 color:#2b2c28;
 font-weight:400;
 font-size:54px;
 line-height:1.1;
}
@media (max-width: 1200px) {
.atomic-secondary-heading {
 font-size:60px;
}
}

@media (max-width: 767px) {
.atomic-secondary-heading {
 font-size:44px;
}
}

.atomic-primary-button:hover{
 color:#ffffff;
 background-color:#e63031;
}
.atomic-primary-button {
 font-family:Open Sans;
 padding-top:5px;
 padding-bottom:5px;
 padding-left:10px;
 padding-right:10px;
 font-size:17px;
 color:#ffffff;
 font-weight:700;
 text-align:center;
 -webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale; transition-duration:0.5s;
 transition-timing-function:ease;
 transition-property:all;
 text-transform:none;
 text-decoration:none;
 font-style:normal;
 border-top-color:#e63031;
 border-right-color:#e63031;
 border-bottom-color:#e63031;
 border-left-color:#e63031;
 border-top-width:1px;
 border-right-width:1px;
 border-bottom-width:1px;
 border-left-width:1px;
 border-top-style:solid;
 border-right-style:solid;
 border-bottom-style:solid;
 border-left-style:solid;
}
@media (max-width: 991px) {
.atomic-primary-button {
 padding-top:16px;
 padding-left:36px;
 padding-right:36px;
 padding-bottom:16px;
}
}

@media (max-width: 767px) {
.atomic-primary-button {
 font-size:18px;
}
}

@media (max-width: 479px) {
.atomic-primary-button {
 font-size:16px;
}
}

.atomic-content-24-checklist-wrapper {
 margin-bottom:12px;
 padding-bottom:0px;
}
.atomic-content-24-checklist-wrapper:not(.ct-section):not(.oxy-easy-posts),
.atomic-content-24-checklist-wrapper.oxy-easy-posts .oxy-posts,
.atomic-content-24-checklist-wrapper.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
flex-wrap:nowrap;
}
.atomic-content-24-icon {
color: #e63031;}.atomic-content-24-icon 
>svg {width: 24px;height: 24px;}.atomic-content-24-icon {
 margin-right:6px;
}
.atomic-content-24-text {
 font-size:18px;
 font-weight:400;
 line-height:1.4;
 text-align:left;
 -webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;}
.atomic-pricing-3-column {
 text-align:justify;
 width:27.78px;
}
.atomic-pricing-3-column:not(.ct-section):not(.oxy-easy-posts),
.atomic-pricing-3-column.oxy-easy-posts .oxy-posts,
.atomic-pricing-3-column.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:stretch;
justify-content:flex-start;
}
@media (max-width: 767px) {
.atomic-pricing-3-column {
}
}

.atomic-pricing-3-text {
 font-weight:400;
 text-align:left;
 line-height:1.6;
 margin-bottom:18px;
 -webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale; color:#ffffff;
 margin-top:11px;
}
.atomic-pricing-3-cost {
 font-size:48px;
 font-weight:700;
 line-height:1.1;
 letter-spacing:0.5px;
}
.atomic-pricing-3-small-text {
 color:#898989;
 font-size:12px;
 font-weight:400;
 line-height:1.6;
 margin-bottom:24px;
 -webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;}
.atomic-pricing-3-icon {
color: #e63031;}.atomic-pricing-3-icon 
>svg {width: 42px;height: 42px;}.atomic-pricing-3-icon {
 margin-bottom:12px;
}
.atomic-pricing-3-title {
 font-family:Work Sans;
 font-size:20px;
 font-weight:500;
 text-align:left;
 margin-bottom:12px;
 -webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;}
.atomic-medium-button-outline:hover{
 color:#6799b2;
}
.atomic-medium-button-outline {
 color:#65bec2;
 border-top-width:2px;
 border-right-width:2px;
 border-bottom-width:2px;
 border-left-width:2px;
 border-top-style:solid;
 border-right-style:solid;
 border-bottom-style:solid;
 border-left-style:solid;
 padding-top:13px;
 padding-bottom:13px;
 padding-right:34px;
 padding-left:34px;
 font-size:16px;
 font-weight:700;
 text-align:center;
 line-height:1.2;
 letter-spacing:2px;
}
.atomic-team-5-wrapper {
 background-color:#ffffff;
 margin-bottom:30px;
 padding-top:0px;
 padding-left:20px;
 padding-right:0px;
 padding-bottom:0px;
 box-shadow:0px 20px 40px rgba(0,0,0,0.1);
}
.atomic-team-5-wrapper:not(.ct-section):not(.oxy-easy-posts),
.atomic-team-5-wrapper.oxy-easy-posts .oxy-posts,
.atomic-team-5-wrapper.ct-section .ct-section-inner-wrap{
display:flex;
justify-content:space-between;
}
@media (max-width: 991px) {
.atomic-team-5-wrapper {
 padding-top:20px;
 padding-left:20px;
 padding-right:20px;
 padding-bottom:20px;
 margin-bottom:40px;
}
}

@media (max-width: 767px) {
.atomic-team-5-wrapper {
 padding-top:20px;
 padding-left:20px;
 padding-right:20px;
 padding-bottom:20px;
}
}

.atomic-team-5-title {
 font-size:17px;
 font-weight:600;
 color:#e63031;
 line-height:1.1;
 letter-spacing:0.5px;
 margin-bottom:6px;
}
.atomic-team-5-small-text {
 color:#999999;
 margin-bottom:18px;
 font-size:14px;
}
.atomic-team-5-text {
 font-size:17px;
 font-weight:400;
 line-height:1.4;
 margin-bottom:24px;
 color:#000000;
}
.atomic-team-5-text-column {
 text-align:left;
 width:100%;
}
.atomic-team-5-text-column:not(.ct-section):not(.oxy-easy-posts),
.atomic-team-5-text-column.oxy-easy-posts .oxy-posts,
.atomic-team-5-text-column.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:center;
}
.atomic-team-3-mate {
 width:175px;
 margin-bottom:18px;
 border-radius:100%;
 height:175px;
}
@media (max-width: 991px) {
.atomic-team-3-mate {
 width:100%;
}
}

.atomic-team-3-column {
 margin-bottom:20px;
}
@media (max-width: 767px) {
.atomic-team-3-column {
}
.atomic-team-3-column:not(.ct-section):not(.oxy-easy-posts),
.atomic-team-3-column.oxy-easy-posts .oxy-posts,
.atomic-team-3-column.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
}
}

.atomic-team-3-title {
 font-family:Work Sans;
 font-size:20px;
 font-weight:600;
 line-height:1.1;
 letter-spacing:0.5px;
 margin-bottom:8px;
 -webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale; color:#e63031;
 text-transform:uppercase;
}
.atomic-team-3-small-text {
 font-size:14px;
 font-weight:400;
 line-height:1.4;
 margin-bottom:17px;
 -webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale; color:#ffffff;
}
.atomic-team-3-text {
 font-size:14px;
 font-weight:400;
 line-height:1.6;
 margin-bottom:18px;
 -webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale; color:#ffffff;
}
.atomic-tritary-heading {
 color:#2b2c27;
 font-size:36px;
 font-weight:400;
 line-height:1.2;
 -webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;}
@media (max-width: 767px) {
.atomic-tritary-heading {
 font-size:30px;
}
}

.atomic-outline-button:hover{
 background-color:transparent;
 color:#6799b2;
 border-top-color:#6799b2;
 border-right-color:#6799b2;
 border-bottom-color:#6799b2;
 border-left-color:#6799b2;
}
.atomic-outline-button {
background-color: transparent;
border: 1px solid #6799b2;
color: #6799b2;
padding: 9px 15px;
}.atomic-outline-button {
 font-family:Open Sans;
 font-weight:700;
 border-top-style:solid;
 border-right-style:solid;
 border-bottom-style:solid;
 border-left-style:solid;
 text-align:center;
 line-height:1.2;
 border-top-width:3px;
 border-right-width:3px;
 border-bottom-width:3px;
 border-left-width:3px;
 border-top-color:#65bec2;
 border-right-color:#65bec2;
 border-bottom-color:#65bec2;
 border-left-color:#65bec2;
 padding-left:46px;
 padding-right:46px;
 padding-top:18px;
 padding-bottom:18px;
 color:#65bec2;
 background-color:transparent;
 font-size:20px;
 margin-right:2px;
 -webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale; letter-spacing:.25em;
 transition-duration:0.5s;
 transition-timing-function:ease;
 transition-property:all;
 text-transform:none;
 font-style:normal;
 text-decoration:none;
}
@media (max-width: 991px) {
.atomic-outline-button {
 padding-top:14px;
 padding-bottom:14px;
 padding-right:34px;
 padding-left:34px;
}
}

@media (max-width: 767px) {
.atomic-outline-button {
 font-size:18px;
}
}

@media (max-width: 479px) {
.atomic-outline-button {
 font-size:16px;
}
}

.atomic-showcase-9-title {
 font-size:20px;
 font-weight:700;
 line-height:1.1;
 letter-spacing:.12em;
 margin-bottom:12px;
 -webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale; color:#e63031;
}
.atomic-showcase-9-text {
 font-size:18px;
 color:#3b3c38;
 font-weight:400;
 line-height:1.6;
 max-width:480px;
 margin-bottom:24px;
 -webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;}
.atomic-showcase-9-wrapper {
 width:100%;
 background-color:#ffffff;
 padding-top:60px;
 padding-left:60px;
 padding-right:60px;
 padding-bottom:60px;
 text-align:left;
 box-shadow:0px 20px 40px rgba(0,0,0,0.1);
}
.atomic-showcase-9-wrapper:not(.ct-section):not(.oxy-easy-posts),
.atomic-showcase-9-wrapper.oxy-easy-posts .oxy-posts,
.atomic-showcase-9-wrapper.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:flex-start;
}
@media (max-width: 991px) {
.atomic-showcase-9-wrapper {
 padding-top:40px;
 padding-left:40px;
 padding-right:40px;
 padding-bottom:40px;
}
}

.atomic-content-20-image:hover{
}
.atomic-content-20-image {
 background-color:#ffffff;
 box-shadow:0px 20px 40px rgba(0,0,0,0.1);
}
.atomic-showcase-8-wrapper:hover{
transform:scale3d(1.05,1.05,1.05);}
.atomic-showcase-8-wrapper {
 width:100%;
 text-align:left;
 padding-top:0px;
 padding-left:0px;
 padding-right:0px;
 padding-bottom:26px;
 transition-duration:0.3s;
 border-top-color:#e63031;
 border-right-color:#e63031;
 border-bottom-color:#e63031;
 border-left-color:#e63031;
 border-top-width:2px;
 border-right-width:2px;
 border-bottom-width:2px;
 border-left-width:2px;
 background-color:#ffffff;
 box-shadow:0px 20px 40px rgba(0,0,0,0.1);
}
.atomic-showcase-8-wrapper:not(.ct-section):not(.oxy-easy-posts),
.atomic-showcase-8-wrapper.oxy-easy-posts .oxy-posts,
.atomic-showcase-8-wrapper.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:flex-start;
}
@media (max-width: 767px) {
.atomic-showcase-8-wrapper {
 padding-top:30px;
 padding-left:30px;
 padding-right:30px;
 padding-bottom:30px;
}
}

@media (max-width: 479px) {
.atomic-showcase-8-wrapper {
 padding-top:20px;
 padding-left:20px;
 padding-right:20px;
 padding-bottom:20px;
}
}

.atomic-showcase-8-image {
 margin-bottom:24px;
}
.atomic-showcase-8-title {
 font-family:Work Sans;
 font-size:20px;
 font-weight:800;
 margin-bottom:8px;
 -webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale; padding-left:20px;
 padding-right:15px;
 color:#e63031;
 text-transform:uppercase;
}
.atomic-showcase-8-small-text {
 font-size:14px;
 font-weight:400;
 line-height:1.4;
 margin-bottom:18px;
 -webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale; padding-left:20px;
 padding-right:15px;
 color:#000000;
}
.atomic-showcase-8-text {
 font-weight:400;
 line-height:1.6;
 -webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale; padding-left:20px;
 padding-right:15px;
 font-size:15px;
 color:#000000;
}
.oxel_logo_slider {
 width:100%;
 position:relative;
 overflow:hidden;
 background-color:#ffffff;
 text-align:center;
}
.oxel_logo_slider:not(.ct-section):not(.oxy-easy-posts),
.oxel_logo_slider.oxy-easy-posts .oxy-posts,
.oxel_logo_slider.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
.oxel_logo_slider__logo {
 transition-duration:0.3s;
 transition-timing-function:ease-in-out;
 width:20%;
 height:100px;
 text-align:center;
 padding-top:16px;
 padding-left:16px;
 padding-right:16px;
 padding-bottom:16px;
}
.oxel_logo_slider__logo:not(.ct-section):not(.oxy-easy-posts),
.oxel_logo_slider__logo.oxy-easy-posts .oxy-posts,
.oxel_logo_slider__logo.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
}
.oxel_logo_slider__image_carrier {
 width:100%;
 text-align:left;
 flex-shrink:0;
 transition-duration:0.1s;
 transition-timing-function:linear;
}
.oxel_logo_slider__image_carrier:not(.ct-section):not(.oxy-easy-posts),
.oxel_logo_slider__image_carrier.oxy-easy-posts .oxy-posts,
.oxel_logo_slider__image_carrier.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
justify-content:flex-start;
}
.oxel_logo_slider__image_carrier--delay {
}
.freelance-iconblock-1-column {
}
.freelance-iconblock-1-column:not(.ct-section):not(.oxy-easy-posts),
.freelance-iconblock-1-column.oxy-easy-posts .oxy-posts,
.freelance-iconblock-1-column.ct-section .ct-section-inner-wrap{
display:flex;
}
.freelance-iconblock-2-icon {
color: #f66061;}.freelance-iconblock-2-icon 
>svg {width: 40px;height: 40px;}.freelance-iconblock-2-icon {
 margin-bottom:12px;
}
.freelance-iconblock-2-title {
 font-family:Work Sans;
 color:#ffffff;
 font-size:25px;
 font-weight:700;
 margin-bottom:8px;
 line-height:1.1;
 letter-spacing:1px;
}
@media (max-width: 767px) {
.freelance-iconblock-2-title {
 font-size:25px;
}
}

@media (max-width: 479px) {
.freelance-iconblock-2-title {
 font-size:23px;
}
}

.freelance-iconblock-2-text {
 font-family:Open Sans;
 color:#a7a9b2;
 font-size:14px;
 font-weight:400;
 line-height:1.5;
}
.atomic-content-31-icon {
background-color: #ffffff;
border: 1px solid #ffffff;
padding: 24px;color: #e63031;}.atomic-content-31-icon 
>svg {width: 42px;height: 42px;}.atomic-content-31-icon {
 position:absolute;
z-index: 100;
}
.atomic-content-31-middle-column {
 text-align:center;
 position:relative;
}
.atomic-content-31-middle-column:not(.ct-section):not(.oxy-easy-posts),
.atomic-content-31-middle-column.oxy-easy-posts .oxy-posts,
.atomic-content-31-middle-column.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
flex-wrap:nowrap;
align-items:center;
justify-content:center;
}
@media (max-width: 991px) {
.atomic-content-31-middle-column {
 text-align:left;
}
.atomic-content-31-middle-column:not(.ct-section):not(.oxy-easy-posts),
.atomic-content-31-middle-column.oxy-easy-posts .oxy-posts,
.atomic-content-31-middle-column.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:flex-start;
}
}

@media (max-width: 767px) {
.atomic-content-31-middle-column {
 text-align:center;
}
.atomic-content-31-middle-column:not(.ct-section):not(.oxy-easy-posts),
.atomic-content-31-middle-column.oxy-easy-posts .oxy-posts,
.atomic-content-31-middle-column.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
}
}

.atomic-content-31-line {
 height:100%;
 background-color:#e63031;
}
@media (max-width: 991px) {
.atomic-content-31-line {
 margin-left:47px;
}
}

@media (max-width: 767px) {
.atomic-content-31-line {
 margin-left:0px;
}
.atomic-content-31-line:not(.ct-section):not(.oxy-easy-posts),
.atomic-content-31-line.oxy-easy-posts .oxy-posts,
.atomic-content-31-line.ct-section .ct-section-inner-wrap{
display:none;
flex-direction:unset;
}
}

.atomic-content-31-wrapper {
 width:100%;
 padding-top:38px;
 padding-left:40px;
 padding-right:40px;
 padding-bottom:40px;
 text-align:left;
 background-color:#e63031;
 box-shadow:0px 20px 40px rgba(0,0,0,0.1);
}
.atomic-content-31-text {
 font-size:18px;
 font-weight:400;
 line-height:1.4;
 color:#ffffff;
}
.atomic-content-31-title {
 font-size:20px;
 font-weight:600;
 line-height:1.1;
 letter-spacing:0.5px;
 margin-bottom:6px;
 color:#ffffff;
}
.atomic-content-31-small-text {
 font-size:14px;
 color:#999999;
 font-weight:400;
 margin-bottom:12px;
}
.atomic-content-31-text-column {
}
@media (max-width: 991px) {
.atomic-content-31-text-column {
 width:NaNpx;
}
}

.dentist-heading-two {
 font-family:Work Sans;
 color:#333333;
 font-size:36px;
 font-weight:900;
 line-height:1.1;
}
.dentist-subheading {
 color:#999999;
 font-size:14px;
 line-height:1.1;
 font-weight:400;
 letter-spacing:1px;
}
.dentist-outline-button:hover{
 color:#0a5888;
}
.dentist-outline-button {
 text-decoration:none;
 font-weight:900;
 line-height:1.1;
 letter-spacing:1px;
 font-size:16px;
 padding-left:40px;
 padding-right:40px;
 padding-top:16px;
 padding-bottom:16px;
 border-top-width:1px;
 border-right-width:1px;
 border-bottom-width:1px;
 border-left-width:1px;
 border-top-style:solid;
 border-right-style:solid;
 border-bottom-style:solid;
 border-left-style:solid;
 border-radius:100px;
 text-align:center;
 color:#e63031;
}
.dentist-heading-three {
 font-size:24px;
 font-weight:900;
 color:#333333;
 line-height:1.1;
}
.dentist-team-2-wrapper {
 width:100%;
 background-color:#ffffff;
 margin-bottom:33px;
 margin-left:0px;
 margin-right:20px;
}
@media (max-width: 767px) {
.dentist-team-2-wrapper {
}
}

.dentist-team-2-content-column {
 text-align:left;
}
.dentist-team-2-content-column:not(.ct-section):not(.oxy-easy-posts),
.dentist-team-2-content-column.oxy-easy-posts .oxy-posts,
.dentist-team-2-content-column.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:flex-start;
}
@media (max-width: 479px) {
.dentist-team-2-content-column {
}
.dentist-team-2-content-column:not(.ct-section):not(.oxy-easy-posts),
.dentist-team-2-content-column.oxy-easy-posts .oxy-posts,
.dentist-team-2-content-column.ct-section .ct-section-inner-wrap{
display:flex;
}
}

.dentist-team-2-text {
 font-family:Open Sans;
 color:#666666;
 font-size:16px;
 font-weight:400;
 line-height:1.5;
 margin-bottom:12px;
 margin-top:10px;
}
.maxbreedte {
 width:75%;
 margin-left:auto;
 margin-right:auto;
}
@media (max-width: 1200px) {
.maxbreedte {
 width:90%;
}
}

.hoofdkop {
 font-family:Work Sans;
 font-weight:700;
 position:relative;
}
@media (max-width: 767px) {
.hoofdkop {
 font-size:35px;
 line-height:40px;
}
}

@media (max-width: 479px) {
.hoofdkop {
 font-size:27px;
 line-height:30px;
}
}

.icon {
 padding-right:8px;
}
.maxwidth {
}
.headernormaal {
}
.headersticky {
}
.header {
}
.oxy-stock-content-styles {
}
.projectvimeo {
 width:100%;
}
.mainkop {
 font-size:175px;
 font-weight:900;
 color:#ffffff;
}
@media (max-width: 767px) {
.mainkop {
 font-size:10px;
}
}

.socialicon {
color: #e63031;}.socialicon 
>svg {width: 37px;height: 37px;}.socialicon {
 margin-left:10px;
}
.bgclean {
}
.iconprod {
 max-height:60px;
 margin-bottom:10px;
 margin-right:25px;
 max-width:70px;
}
@media (max-width: 767px) {
.iconprod {
 margin-right:18px;
 width:90px;
 margin-left:0px;
}
}

@media (max-width: 479px) {
.iconprod {
 margin-right:5px;
}
}

.video-container {
 padding-bottom:0px;
 width:100%;
}
.landingspagina {
}
.ctakop {
}
.ctarechts {
}
.dienstsectie {
}
.dienstlinks {
 padding-left:0px;
}
.dienstrechts {
}
.diensthead {
 font-weight:600;
 font-size:20px;
}
.diensttekst {
 margin-top:10px;
}
.dienstfoto {
}
.footermenu {
}
.oxy-close-modal {
}
body {
background: black;}
body.page,
body.post,
body.blog{background: black; color: white;}

@media (max-width: 1040px) {
html,body { overflow-x: hidden !important;  font-size: 18px; }
}

@media (min-width: 820px) {
  .sub-menu {
      li a {
          width: 200px !important;
          border: 0px !important;
      }
  }
}

p { margin-top: 0px; }

.wp-block-embed-vimeo { padding: 0px; margin: 0px; }

img, iframe {
    max-width: 100%;
    height: auto;
}

.home .embedvideo {
	margin-bottom: -150px;
}

@media (max-width: 820px) {
  .home .embedvideo {
      margin-bottom: 0px;
  }
  
  .embedvideo { padding-top: 90px !important; }

  #promenu .oxy-pro-menu-list .menu-item a {
    border: 0px !important;
  }

  
}

/*
.ct-section-inner-wrap {
  background: black;
}
*/

header .ct-section-inner-wrap,
.bgclean .ct-section-inner-wrap{
  background: none;
}



/* KOP */

.mainkop:after {
  content: '.';
  color: #e63031
}

h1,h2,h3{
  margin-bottom: 10px;
}

h1:after, h2:after {
  content: '.';
  color: #e63031
}

h1.zonder:after, h2.zonder:after {
  display: none;
}

.punt:after {
  content: '.';
  color: #e63031
}

@keyframes flickerAnimation {
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-o-keyframes flickerAnimation{
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-moz-keyframes flickerAnimation{
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-webkit-keyframes flickerAnimation{
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
#section-2-18:hover .hoofdkop:after,
#section-2-18:hover .mainkop:after{
   -webkit-animation: flickerAnimation 1s infinite;
   -moz-animation: flickerAnimation 1s infinite;
   -o-animation: flickerAnimation 1s infinite;
    animation: flickerAnimation 1s infinite;
}

.dentist-team-2-content-column a { color: #666666; text-decoration: none; }

.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
.gform_wrapper textarea {
  color: black !important;
  font-size: 90%;
}

.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type=submit] {
  background: #e63031;
  border: 0px;
  padding: 10px; 
}



.gform_body input,
.gform_body textarea,
.ct-shortcode .gform_legacy_markup_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]){
    border-radius: 10px;
    padding: 10px !important;
    background: none ;
    border: 1px solid white !important;
    color: white !important;
}.alignfull .uagb-container-inner-blocks-wrap { 
    padding: 0px !important;
    max-width: 100% !important;
}

.dblok:hover { background: #e63031 !important; transform: scale(1.03);}
.dblok {transition: .4s;}

.intro-description p,
.introfront p{
    text-shadow: 0 2px 12px rgba(0, 0, 0, 0.35), 0 1px 3px rgba(0, 0, 0, 0.5);
}

.atomic-team-3-mate img {
    border-radius: 100%;    
}

.footermenu li.menu-item:nth-last-child(1)::before {
  display: none;
}

.footermenu li.menu-item:nth-last-child(1) {
  padding-left: 0px;
}

input {
    font-family: open sans;
    font-size: 15px !important;
}

.dienstfoto img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    object-position: center center;
}

@media only screen and (min-width: 992px) {
  .oxygen-body .alignfull {
      width: calc(100vw - var(--scrollbar-width));
      position: relative;
      left: 50%;
      right: 50%;
      margin-left: calc(-50vw + var(--scrollbar-width) / 2)!important;
      margin-right: calc(-50vw + var(--scrollbar-width) / 2) !important;
      box-sizing: border-box;
  }
}

  .oxygen-body .alignfull.paginaintro,
.single-project .alignfull,
.alignfull.altijdfull,
.alignfull.staytuned{
      width: calc(100vw - var(--scrollbar-width));
      position: relative;
      left: 50%;
      right: 50%;
      margin-left: calc(-50vw + var(--scrollbar-width) / 2)!important;
      margin-right: calc(-50vw + var(--scrollbar-width) / 2) !important;
      box-sizing: border-box;
  }

@media only screen and (max-width: 992px) {
  .oxygen-body .alignfull { 
    padding: 40px 0px;
  }


    .wp-block-spacer {
       max-height: 75px !important; 
    }

  .introblok {
    padding: 0px !important;

    .wp-block-uagb-container {
        padding: 0px !important;
    }
  }
  
}
.uagb-team__content {
  img {
  margin-bottom: 15px;
  }
}

figure {
    margin: 0px;
}
.projecten-block, .ct-code-block {
    .row {
        .col-md-4 {
          margin-bottom: 30px;
          @media only screen and (min-width: 992px) {
            &:nth-child(2) {
                padding: 0px !important;
            }
          }
        }
    }
}



  
.facetwp-facet-dienst {
    overflow: hidden;
    
    .facetwp-checkbox {
        float: left;
        margin-right: 10px;
        background: none;
        padding: 10px 15px;
        background: black;
        border: 1px solid white;
        margin-bottom: 10px;


            font-size: 14px;
            padding: 10px 15px;
            border: 1px solid #DE3737;
            font-weight: 500;
            transition: .3s;
              display: inline-block;
              margin: 0 10px 10px 0;
              border-radius: 12px;
          
            &:hover, &.checked  {
                background:#DE3737;
            }
      


    }
    
    .facetwp-counter {
        display: none;
    }
}

.projectenoverzicht {
  .col-md-4 {
    margin-bottom: 30px !important;
  }
}

.formaknop {
  background: #DE3737;
  border-radius: 12px;
  padding: 5px 25px;
  font-size: 22px;
  display: inline-block;
  color: white;
  transition: .3s;

   @media only screen and (max-width: 1040px) {
      font-size: 17px;
   }


   @media only screen and (max-width: 800px) {
      font-size: 15px;
   }
  
  &:hover {
    padding: 5px 35px;
  }
}

.formaoutline {
  font-size: 14px;
  padding: 10px 10px;
  border: 1px solid #DE3737;
  font-weight: 500;
  transition: .3s;
    display: inline-block;
    margin: 0 10px 10px 0;
    border-radius: 12px;
  color: white;

  @media only screen and (max-width: 1040px) {
      font-size: 12px;
  }

  &:hover {
      // background:#DE3737;
  }
}

.formablok {
  height: 100%;
  transition: .4s;
  margin-bottom: 30px;
  padding: 0 0px;
  
    .afbeelding {
      height: 520px;
      width: 100%;
      border-radius: 44px;
      overflow: hidden;

      @media only screen and (max-width: 1240px) {
        height: 420px;
      }

        img, picture {
          height: 100%;
          width: 100%;
          object-fit: cover;
          object-position: center top;
          transition: .3s;
          
        }
    }

  a {
    text-decoration: none;
  }

  .meta {
    padding: 20px 0;

      .titel {
        color: white;
        font-family: Work Sans;
        font-size: 30px;
        font-weight: bold;
        margin-bottom: 8px;

          @media only screen and (max-width: 1040px) {
              font-size: 25px;
              line-height: 30px;
            margin-bottom :15px;
          }
      }


    .subtitel {
        font-size: 14px;
        font-weight: 600;
        color: black;
      margin-bottom: 8px;
    }

    .inhoud {
        color:black;
    }
  }

  &:hover {
    img { transform: scale(1.02); }
  }
}/* =========================================
   BASIS & CONTAINERS
   ========================================= */
.container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  display: block;
}

.container-fluid, .container-sm, .container-md, .container-lg, .container-xl {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
  flex-direction: row;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}

.no-gutters > .col,
.no-gutters > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}

/* Base col setup voor padding en breedte */
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto,
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto,
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto,
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto,
.col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

/* =========================================
   MOBIEL (0px - 719px)
   ========================================= */
.col { flex-basis: 0; flex-grow: 1; max-width: 100%; }
.col-auto { flex: 0 0 auto; width: auto; max-width: 100%; }
.col-1 { flex: 0 0 8.333333%; max-width: 8.333333%; }
.col-2 { flex: 0 0 16.666667%; max-width: 16.666667%; }
.col-3 { flex: 0 0 25%; max-width: 25%; }
.col-4 { flex: 0 0 33.333333%; max-width: 33.333333%; }
.col-5 { flex: 0 0 41.666667%; max-width: 41.666667%; }
.col-6 { flex: 0 0 50%; max-width: 50%; }
.col-7 { flex: 0 0 58.333333%; max-width: 58.333333%; }
.col-8 { flex: 0 0 66.666667%; max-width: 66.666667%; }
.col-9 { flex: 0 0 75%; max-width: 75%; }
.col-10 { flex: 0 0 83.333333%; max-width: 83.333333%; }
.col-11 { flex: 0 0 91.666667%; max-width: 91.666667%; }
.col-12 { flex: 0 0 100%; max-width: 100%; }

.offset-1 { margin-left: 8.333333%; }
.offset-2 { margin-left: 16.666667%; }
.offset-3 { margin-left: 25%; }
.offset-4 { margin-left: 33.333333%; }
.offset-5 { margin-left: 41.666667%; }
.offset-6 { margin-left: 50%; }
.offset-7 { margin-left: 58.333333%; }
.offset-8 { margin-left: 66.666667%; }
.offset-9 { margin-left: 75%; }
.offset-10 { margin-left: 83.333333%; }
.offset-11 { margin-left: 91.666667%; }

/* =========================================
   TABLET (720px en groter)
   ========================================= */
@media (min-width: 720px) {
  .col-sm { flex-basis: 0; flex-grow: 1; max-width: 100%; }
  .col-sm-auto { flex: 0 0 auto; width: auto; max-width: 100%; }
  .col-sm-1 { flex: 0 0 8.333333%; max-width: 8.333333%; }
  .col-sm-2 { flex: 0 0 16.666667%; max-width: 16.666667%; }
  .col-sm-3 { flex: 0 0 25%; max-width: 25%; }
  .col-sm-4 { flex: 0 0 33.333333%; max-width: 33.333333%; }
  .col-sm-5 { flex: 0 0 41.666667%; max-width: 41.666667%; }
  .col-sm-6 { flex: 0 0 50%; max-width: 50%; }
  .col-sm-7 { flex: 0 0 58.333333%; max-width: 58.333333%; }
  .col-sm-8 { flex: 0 0 66.666667%; max-width: 66.666667%; }
  .col-sm-9 { flex: 0 0 75%; max-width: 75%; }
  .col-sm-10 { flex: 0 0 83.333333%; max-width: 83.333333%; }
  .col-sm-11 { flex: 0 0 91.666667%; max-width: 91.666667%; }
  .col-sm-12 { flex: 0 0 100%; max-width: 100%; }

  .offset-sm-0 { margin-left: 0; }
  .offset-sm-1 { margin-left: 8.333333%; }
  .offset-sm-2 { margin-left: 16.666667%; }
  .offset-sm-3 { margin-left: 25%; }
  .offset-sm-4 { margin-left: 33.333333%; }
  .offset-sm-5 { margin-left: 41.666667%; }
  .offset-sm-6 { margin-left: 50%; }
  .offset-sm-7 { margin-left: 58.333333%; }
  .offset-sm-8 { margin-left: 66.666667%; }
  .offset-sm-9 { margin-left: 75%; }
  .offset-sm-10 { margin-left: 83.333333%; }
  .offset-sm-11 { margin-left: 91.666667%; }
}

/* =========================================
   MD (768px en groter)
   ========================================= */
@media (min-width: 768px) {
  .col-md { flex-basis: 0; flex-grow: 1; max-width: 100%; }
  .col-md-auto { flex: 0 0 auto; width: auto; max-width: 100%; }
  .col-md-1 { flex: 0 0 8.333333%; max-width: 8.333333%; }
  .col-md-2 { flex: 0 0 16.666667%; max-width: 16.666667%; }
  .col-md-3 { flex: 0 0 25%; max-width: 25%; }
  .col-md-4 { flex: 0 0 33.333333%; max-width: 33.333333%; }
  .col-md-5 { flex: 0 0 41.666667%; max-width: 41.666667%; }
  .col-md-6 { flex: 0 0 50%; max-width: 50%; }
  .col-md-7 { flex: 0 0 58.333333%; max-width: 58.333333%; }
  .col-md-8 { flex: 0 0 66.666667%; max-width: 66.666667%; }
  .col-md-9 { flex: 0 0 75%; max-width: 75%; }
  .col-md-10 { flex: 0 0 83.333333%; max-width: 83.333333%; }
  .col-md-11 { flex: 0 0 91.666667%; max-width: 91.666667%; }
  .col-md-12 { flex: 0 0 100%; max-width: 100%; }

  .offset-md-0 { margin-left: 0; }
  .offset-md-1 { margin-left: 8.333333%; }
  .offset-md-2 { margin-left: 16.666667%; }
  .offset-md-3 { margin-left: 25%; }
  .offset-md-4 { margin-left: 33.333333%; }
  .offset-md-5 { margin-left: 41.666667%; }
  .offset-md-6 { margin-left: 50%; }
  .offset-md-7 { margin-left: 58.333333%; }
  .offset-md-8 { margin-left: 66.666667%; }
  .offset-md-9 { margin-left: 75%; }
  .offset-md-10 { margin-left: 83.333333%; }
  .offset-md-11 { margin-left: 91.666667%; }
}

/* =========================================
   DESKTOP (992px en groter)
   ========================================= */
@media (min-width: 992px) {
  .col-lg { flex-basis: 0; flex-grow: 1; max-width: 100%; }
  .col-lg-auto { flex: 0 0 auto; width: auto; max-width: 100%; }
  .col-lg-1 { flex: 0 0 8.333333%; max-width: 8.333333%; }
  .col-lg-2 { flex: 0 0 16.666667%; max-width: 16.666667%; }
  .col-lg-3 { flex: 0 0 25%; max-width: 25%; }
  .col-lg-4 { flex: 0 0 33.333333%; max-width: 33.333333%; }
  .col-lg-5 { flex: 0 0 41.666667%; max-width: 41.666667%; }
  .col-lg-6 { flex: 0 0 50%; max-width: 50%; }
  .col-lg-7 { flex: 0 0 58.333333%; max-width: 58.333333%; }
  .col-lg-8 { flex: 0 0 66.666667%; max-width: 66.666667%; }
  .col-lg-9 { flex: 0 0 75%; max-width: 75%; }
  .col-lg-10 { flex: 0 0 83.333333%; max-width: 83.333333%; }
  .col-lg-11 { flex: 0 0 91.666667%; max-width: 91.666667%; }
  .col-lg-12 { flex: 0 0 100%; max-width: 100%; }

  .offset-lg-0 { margin-left: 0; }
  .offset-lg-1 { margin-left: 8.333333%; }
  .offset-lg-2 { margin-left: 16.666667%; }
  .offset-lg-3 { margin-left: 25%; }
  .offset-lg-4 { margin-left: 33.333333%; }
  .offset-lg-5 { margin-left: 41.666667%; }
  .offset-lg-6 { margin-left: 50%; }
  .offset-lg-7 { margin-left: 58.333333%; }
  .offset-lg-8 { margin-left: 66.666667%; }
  .offset-lg-9 { margin-left: 75%; }
  .offset-lg-10 { margin-left: 83.333333%; }
  .offset-lg-11 { margin-left: 91.666667%; }
}

/* =========================================
   XL DESKTOP (1121px en groter)
   ========================================= */
@media (min-width: 1121px) {
  .col-xl { flex-basis: 0; flex-grow: 1; max-width: 100%; }
  .col-xl-auto { flex: 0 0 auto; width: auto; max-width: 100%; }
  .col-xl-1 { flex: 0 0 8.333333%; max-width: 8.333333%; }
  .col-xl-2 { flex: 0 0 16.666667%; max-width: 16.666667%; }
  .col-xl-3 { flex: 0 0 25%; max-width: 25%; }
  .col-xl-4 { flex: 0 0 33.333333%; max-width: 33.333333%; }
  .col-xl-5 { flex: 0 0 41.666667%; max-width: 41.666667%; }
  .col-xl-6 { flex: 0 0 50%; max-width: 50%; }
  .col-xl-7 { flex: 0 0 58.333333%; max-width: 58.333333%; }
  .col-xl-8 { flex: 0 0 66.666667%; max-width: 66.666667%; }
  .col-xl-9 { flex: 0 0 75%; max-width: 75%; }
  .col-xl-10 { flex: 0 0 83.333333%; max-width: 83.333333%; }
  .col-xl-11 { flex: 0 0 91.666667%; max-width: 91.666667%; }
  .col-xl-12 { flex: 0 0 100%; max-width: 100%; }

  .offset-xl-0 { margin-left: 0; }
  .offset-xl-1 { margin-left: 8.333333%; }
  .offset-xl-2 { margin-left: 16.666667%; }
  .offset-xl-3 { margin-left: 25%; }
  .offset-xl-4 { margin-left: 33.333333%; }
  .offset-xl-5 { margin-left: 41.666667%; }
  .offset-xl-6 { margin-left: 50%; }
  .offset-xl-7 { margin-left: 58.333333%; }
  .offset-xl-8 { margin-left: 66.666667%; }
  .offset-xl-9 { margin-left: 75%; }
  .offset-xl-10 { margin-left: 83.333333%; }
  .offset-xl-11 { margin-left: 91.666667%; }
}.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
.gform_wrapper textarea {
  color: white !important;
  font-size: 90%;
}

.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type=submit] {
  background: #e63031;
  border: 0px;
  padding: 10px; 
}



.gform_body input,
.gform_body textarea,
.ct-shortcode .gform_legacy_markup_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]){
    border-radius: 10px;
    padding: 10px !important;
    background: none ;
    border: 1px solid white !important;
    color: white !important;
}

#gform_fields_3 input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]){
    border: 1px solid black !important;
    color: black !important;
}.intro-project-block {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 2rem;
}

.terug-link {
    display: block;
    margin-bottom: 1rem;
    font-weight: bold;
}

.intro-content {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    position: relative;
}

.tekstlaag {
    position: absolute;
    z-index: 3;
    padding: 2rem;
    max-width: 40%;
}

.tekstlaag.achter-video {
    z-index: 0;
    transition: z-index 0.5s ease;
}

.intro-titel {
    font-size: 4rem;
    font-weight: bold;
    line-height: 1;
}

.intro-tekst {
    margin-top: 1rem;
    font-size: 1.2rem;
}

.diensten {
    margin-top: 1rem;
}

.diensten a.formaoutline {
    display: inline-block;
    margin-right: 0.5rem;
    padding: 0.3rem 0.8rem;
    border: 1px solid #fff;
    border-radius: 20px;
    text-decoration: none;
}

.video-laag {
    width: 60%;
    margin-left: auto;
}

.hoofdvideo-swiper img,
.hoofdvideo-swiper iframe,
.hoofdvideo-swiper .video-embed {
    border-radius: 91px;
    width: 100%;
    height: auto;
    object-fit: cover;
}

.thumb-swiper {
    margin-top: 1rem;
}

.thumb-swiper img {
    border-radius: 44px;
    width: 100%;
    height: auto;
    object-fit: cover;
}



@media only screen and (max-width: 1040px) {
  .intro-project-block {
      .left-panel {
          width: 100% !important;
          position: relative !important;
      }
  }
  
  .intro-project-block .main-container .swiper {
      height: 350px !important;
  }
}.oxy-site-navigation > ul > li.menu-item:nth-last-child(1) {
    border-radius: 12px !important;
    position: relative;
    padding-left: 30px;
    overflow: hidden;
}

.oxy-site-navigation > ul > li.menu-item:nth-last-child(1)::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%) translateX(0);
    width: 18.817px;
    height: 18.818px;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="18.817" height="18.818" viewBox="0 0 18.817 18.818"><defs><clipPath id="clip-path"><rect width="18.817" height="18.818" transform="translate(0 0.001)" fill="%23fff"/></clipPath></defs><g transform="translate(0 -0.001)" clip-path="url(%23clip-path)"><path d="M13.737,18.819a8.847,8.847,0,0,1-6.258-2.581l-4.9-4.9A8.867,8.867,0,0,1,.765,1.488a2.516,2.516,0,0,1,4.343-.436L6.475,2.968a2.558,2.558,0,0,1,.169,2.639,2.727,2.727,0,0,0,.512,3.155l2.9,2.9a2.727,2.727,0,0,0,3.155.512,2.556,2.556,0,0,1,2.639.169l1.919,1.37a2.516,2.516,0,0,1-.434,4.342,8.743,8.743,0,0,1-3.593.768M3.067,1.357c-.039,0-.079,0-.119.006A1.151,1.151,0,0,0,2,2.044a7.5,7.5,0,0,0,1.532,8.331l4.9,4.9a7.492,7.492,0,0,0,8.335,1.534,1.16,1.16,0,0,0,.2-2l-1.919-1.37a1.2,1.2,0,0,0-1.242-.06,4.08,4.08,0,0,1-4.722-.766L6.2,9.72A4.082,4.082,0,0,1,5.431,5a1.2,1.2,0,0,0-.061-1.242L4,1.841a1.141,1.141,0,0,0-.936-.484" fill="%23fff"/></g></svg>') no-repeat center center;
    background-size: contain;
    transition: transform 0.3s ease;
}

.oxy-site-navigation > ul > li.menu-item:nth-last-child(1):hover::before {
    animation: wiggle 0.2s infinite alternate ease-in-out;
}

@keyframes wiggle {
    0% { transform: translateY(-50%) translateX(0px); }
    100% { transform: translateY(-50%) translateX(5px); }
}

.oxy-site-navigation li > button {
    margin-top: 8px;
}.vidlinks {
    width: 100%;
    z-index: 9;
    left: 0px;
}

.staytuned .vidrechts,
.interesse .vidrechts{
    position: absolute !important;
    width: 60% !important;
    max-width: 60% !important;
    height: 550px !important;
    /* position: relative !important;     /* voor de absolute positioning van de iframe */
    overflow: hidden !important;        /* verberg alles dat buiten 800×600 valt */
    border-radius: 49px 0 0 49px;
    right: 0px;
}

.interesse .vidrechts,
.interesse .video-container {
  height: 500px !important;
  border-radius: 49px 0 0 49px;
}

.staytuned .vidrechts .video-container iframe,
.interesse .vidrechts .video-container  iframe{
  min-width: 150% !important;
  min-height: 150% !important;
  border-radius: 49px 0 0 49px !important;
}

.staytuned .vidrechts .video-container,
.interesse .vidrechts .video-container {
   border-radius: 49px 0 0 49px !important;
}

/* === ANDER BLOK */

.video-container {
  width: 100% !important;
  height: 550px !important;
  position: relative !important;     /* voor de absolute positioning van de iframe */
  overflow: hidden !important;        /* verberg alles dat buiten 800×600 valt */
  border-radius: 49px;

    @media only screen and (max-width:1040px) {
      height: 400px !important;
    }

    @media only screen and (max-width:600px) {
      height: 200px !important;
      margin-right: -150px;
    }
  
  
}


.video-container iframe {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  /* Zorg dat de iframe minstens 100% vult, zowel in breedte als hoogte */
  min-width: 120% !important;
  min-height: 120% !important;
  /* Centreer de iframe precies in het midden van de container */
  transform: translate(-50%, -50%) !important;
}

.linksintro {
  z-index: 9;
  position: absolute;
  left:0px;
}


/* === ANDER BLOK */

.vimeo-wrapper {
   position: absolute !important;
   top: 0;
   left: 0;
   width: 100% !important;
   height: 100%;
   z-index: -1;
   pointer-events: none;
   overflow: hidden;
}
.vimeo-wrapper iframe {
   width: 100vw !important;
   height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
   min-height: 100vh;
   min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}/* Formulier rij: velden naast elkaar */
#gform_fields_4,
#gform_fields_5 {
  display: flex;
  gap: 5px;
  flex-wrap: nowrap;
  align-items: center;
}

/* Invoervelden krijgen meer ruimte, submit minder */
#gform_fields_4 .gfield--type-text,
#gform_fields_4 .gfield--type-email,
#gform_fields_5 .gfield--type-text,
#gform_fields_5 .gfield--type-email {
  flex: 3;
  margin-bottom: 0 !important;
}

#gform_fields_4 .gfield--type-submit,
#gform_fields_5 .gfield--type-submit {
  flex: 1;
  margin-bottom: 0 !important;
}

/* Verberg labels */
#gform_4 .gfield_label,
#gform_5 .gfield_label {
  display: none;
}

/* Tekst en email invoervelden */
#gform_4 input[type="text"],
#gform_4 input[type="email"],
#gform_5 input[type="text"],
#gform_5 input[type="email"] {
  width: 100% !important;
  padding: 12px 15px !important;
  background-color: #ffffff !important;
  color: #000000 !important;
  border: 1px solid #ccc !important;
  border-radius: 5px !important;
  box-sizing: border-box !important;
  font-size: 16px !important;
  box-shadow: none !important;
  margin: 0 !important;
  outline: none !important;
}

/* Placeholder kleur */
#gform_4 input[type="text"]::placeholder,
#gform_4 input[type="email"]::placeholder,
#gform_5 input[type="text"]::placeholder,
#gform_5 input[type="email"]::placeholder {
  color: #000000 !important;
  opacity: 1 !important;
}

/* Submit knop */
#gform_submit_button_4,
#gform_submit_button_5 {
  background-color: #e63031 !important;
  color: #ffffff !important;
  border: 2px solid #e63031 !important;
  border-radius: 5px !important;
  cursor: pointer !important;
  font-size: 14px !important;
  padding: 12px 10px !important;
  width: 100% !important;
  height: auto !important;
  white-space: nowrap !important;
  transition: background-color 0.3s ease, color 0.3s ease;
}

#gform_submit_button_4:hover,
#gform_submit_button_5:hover {
  background-color: #333333 !important;
  border-color: #333333 !important;
}

/* Footer verbergen */
#gform_4 .gform_footer,
#gform_5 .gform_footer {
  display: none;
}

/* Responsief: onder 500px stapelen */
@media (max-width: 500px) {
  #gform_fields_4,
  #gform_fields_5 {
    flex-direction: column;
    gap: 5px;
  }
  #gform_fields_4 .gfield--type-text,
  #gform_fields_4 .gfield--type-email,
  #gform_fields_5 .gfield--type-text,
  #gform_fields_5 .gfield--type-email,
  #gform_fields_4 .gfield--type-submit,
  #gform_fields_5 .gfield--type-submit {
    flex: unset !important;
    width: 100% !important;
  }
  #gform_submit_button_4,
  #gform_submit_button_5 {
    width: 100% !important;
  }
}