/*
Theme Name: NA-Theme
Description: Theme for Niestroj Architekten
Version: 1.0
Author: Sebastian Niestroj
Author URI: 
Template: enfold
*/


:root {

    --gold: #d7b56d;

    /* Gaps */
    --gap-small: 8px;
    --gap-medium: 16px;
    --gap-large: 24px;
    --gap-xlarge: 32px;
}



/*Add your own styles here:*/

/* Font/Headlines */

h1, h2, h3, h4, h5, h6 {
    -webkit-hyphens: auto;
        -ms-hyphens: auto;
            hyphens: auto;
}

.main_color p a,
.main_color ul a,
.main_color ol a,
#top .avia_ajax_form .av-google-badge-message a {
    color: #b2b3b3;
    text-decoration: underline;
}
.main_color p a:hover,
#top .avia_ajax_form .av-google-badge-message a:hover {
    color: #5b5b5b;
}
.page-id-25 .main_color p a:hover {
    color: #d7b56d;;
}
#top h2 a:hover,
#top h3 a:hover,
#top h4 a:hover,
#top h5 a:hover,
#top h6 a:hover
{
    color: #b8b9b9;
}

.special_amp {
    font-family: inherit;
    font-style: inherit;
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
}

strong, b {
    font-weight: 500;
}

.main_color span.toggle_icon, .main_color span.toggle_icon * {
    border-color: var(--enfold-main-color-primary);
}

a[href^="http"]:not([href*="niestroj-architekten.de"]):not(.video-lightbox)::after,
.image-overlay.overlay-type-extern .image-overlay-inside:before {
    content: "\e89e";
    font-family: 'Material Symbols Sharp';
}
.social_bookmarks a[href^="http"]:not([href*="niestroj-architekten.de"])::after,
div[id^="attachment"] a[href^="http"]:not([href*="niestroj-architekten.de"])::after {
    display: none !important;
}

/* Allgemein */

.responsive .smaler-container .container {
	max-width: 60%;
}
#top #wrap_all .av-social-link-instagram:hover a {
	background: linear-gradient(320deg, #ffd600 0%,#ff7a00 25%,#ff0069 50%,#d300c5 75%,#7638fa 100%);
}
#top #wrap_all .av-social-link-houzz:hover a {
	background-color: #4dbc15;
	color: #fff;
}
#top #wrap_all .av-social-link-facebook:hover a,
#top #wrap_all .av-social-link-facebook a:focus {
    background-color: #0866ff;
}
#top.logged-in .av-siteloader-wrap {
    display: none !important;
}

/* width */
::-webkit-scrollbar {
  width: 8px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #ffffff;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #b2b3b3; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #5b5b5b; 
}

html {
  scrollbar-width: thin; /* Optionen: auto | thin | none */
  scrollbar-color: #b2b3b3 #ffffff; /* Griff-Farbe und Hintergrund-Farbe */
}


/* Header */

.logo img, .logo svg,
.logo .subtext.avia-svg-logo-sub {
    display: inline-block;
    vertical-align: middle;
    max-width: 480px;
    transition: all .3s ease-in-out;
    will-change: auto;
}
.logo .subtext.avia-svg-logo-sub {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 50px;
    height: 50px;
}
.logo svg#scrolled-logo {
	width: 100%;
	height: 100%;
}
.logo > a > svg {
	transform-origin: left;
}
header:not(.header-scrolled):not(.scrolled)  .logo > a > svg {
	transform: scale(1.0);
}
header:where(.header-scrolled, .scrolled) .logo > a > svg {
    opacity: 0;
    transform: scale(0);
}
header:not(.header-scrolled):not(.scrolled) .logo > a > .subtext.avia-svg-logo-sub > svg {
	opacity: 0;
	transform: scale(0);
}
header:where(.header-scrolled, .scrolled) .logo > a > .subtext.avia-svg-logo-sub > svg {
    opacity: 1;
    transform: scale(1.0);
}

#top #header .av-main-nav > li.gold-color:hover > a .avia-menu-text,
#top #header .av-main-nav > li.gold-color:hover > a .avia-menu-subtext,
#top #header .av-main-nav > li.gold-color.current-menu-item > a .avia-menu-text,
#top #header .av-main-nav > li.gold-color.current-menu-item > a .avia-menu-subtext,
#top #header .av-main-nav > li.gold-color.current-page-ancestor > a .avia-menu-text {
    color: #d7b56d;
}

.av-burger-overlay {
    overflow: visible;
}


/* Breadcrumb */

.title_container .breadcrumb {
    right: auto;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    left: 50%;
}
.breadcrumb-trail .trail-before {
    display: none;
}
.breadcrumb-trail .trail-end {
    font-weight: 600;
}

.breadcrumb span.material-symbols-sharp {
    position: relative;
    line-height: inherit;
    top: -2px;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
    transition-property: font-variation-settings;
    font-variation-settings: 'wght' 100;
}
.breadcrumb a:hover span.material-symbols-sharp {
    font-variation-settings: 'wght' 400;
}
.breadcrumb a.trail-begin {
    padding: 0;
}


/* Img Slider */

div:not(.av-active-gal-item) > a > img.av-horizontal-gallery-img,
div:not(.av-active-gal-item) > img.av-horizontal-gallery-img,
.ms-slide:not(.ms-sl-selected) img {
	transition: all 300ms ease;
    -webkit-filter: grayscale(1);
            filter: grayscale(1);
}
.av-horizontal-gallery-large-gap .av-horizontal-gallery-wrap :hover .title-overlay {
    opacity: 1;
}
.project-slider span.title-overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 30px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    color: #fff;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0.8)), to(rgba(0,0,0,0)));
    background: -o-linear-gradient(bottom, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    background: linear-gradient(0deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    opacity: 0;
    -webkit-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}
.project-slider .ms-slide-info.ms-dir-h {
    width: auto;
    position: absolute !important;
    left: 50%;
    bottom: 0;
    height: auto;
    /* max-width: 800px; */
    margin: 0 auto !important;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    background: transparent;
    color: #000!important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    z-index: 1;
}
.project-slider .ms-staff-carousel .ms-view:hover .ms-slide-info.ms-dir-h {
    opacity: 1;
    visibility: visible;
}
.project-slider .ms-info {
    margin-bottom: 50px;
    background: rgba(0 0 0 / 30%);
    border: 2px solid #fff;
}
.project-slider .ms-info h2 {
    margin: 0;
    padding: 10px 20px;
}


/* Clean Promo Box / JObs */

.main_color .av_promobox.clean-box {
    background-color: #fff;
}
.av_promobox.clean-box .avia-promocontent p {
    font-size: 15px;
    font-weight: 500;
}
.flex_column.av_one_full.fake-col-half {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
}


/* Footer */

#top .social_bookmarks li a {
    font-size: 18px;
}

#top .social_bookmarks li.avia-svg-icon svg:first-child {
    margin-top: 6px;
}


/* Preload */

.page-id-25 img.av-preloading-logo,
.parent-pageid-25 img.av-preloading-logo
{
    display: none;
}
.page-id-25 .av-siteloader-cell::before,
.parent-pageid-25 .av-siteloader-cell::before {
    content: '';
    position: relative;
    margin: 0 auto;
    display: block;
    max-width: 550px;
    max-height: 450px;
    margin-bottom: 20px;
    z-index: 100;
    background: url(https://www.niestroj-architekten.de/wp-content/uploads/logo-niestroj-bauwerk-rahmen.svg) no-repeat center scroll;
    height: 115px;
    background-size: contain;
}


/* Expose anfordern */

#form-popup.show {
    display: block;
}
#top #form-popupform {
    margin-bottom: 0px;
}
#form-popup {
    display: none;
    max-width: 30%;
    margin: 0 auto;
    background: #fff;
    padding: 50px;
    position: relative;
    float: none;
}
.main_color p a.open-popup-link {
    display: inline-block;
    padding: 12px 30px;
    color: #fff;
    background: #d7b56d;
    text-decoration: none;
    font-weight: 500;
    margin: 20px 0 0 0;
}
#top .main_color .disabled p a.open-popup-link {
    pointer-events: none;
    cursor: not-allowed;
    background: #5b5b5b;
    text-decoration: line-through;
}
.main_color p a.open-popup-link:hover {
	background-color: #5b5b5b;
}

#top .mfp-content form {
    margin: 0;
    padding: 50px;
    border: 1px solid #ddd;
}
#top .mfp-content form fieldset {
    margin: 0;
}
#top .mfp-content form .button {
    background-color: #5b5b5b;
    color: #fff;
}
#top .mfp-content form .button:hover {
    background-color: #b2b3b3;
}

#top #form-popup input[type='text'],
#top #form-popup input[type='email']
 {
	border-color: var(--enfold-main-color-border);
    background-color: var(--enfold-main-color-bg2);
    color: var(--enfold-main-color-meta);
    font-family: inherit;
}
#top #form-popup input[type='submit']
{
	background-color: var(--enfold-main-color-primary);
    color: var(--enfold-main-color-constant-font);
    border-color: var(--enfold-main-color-button-border);
}
#top #form-popup input[type='submit']:hover
{
	background-color: var(--enfold-main-color-secondary);
    color: var(--enfold-main-color-bg);
    border-color: var(--enfold-main-color-button-border2);
}


/* Team Slider */

#top .ms-staff-carousel.ms-round .ms-slide-bgcont {
    border-radius: 0;
    border: none;
    margin: 0;
}


/* BN */

.avia-data-table.avia_pricing_minimal th,
.avia-data-table.avia_pricing_minimal td {
    text-align: left;
}
.avia-data-table .avia-desc-col {
    text-align: right;
    width: 25%;
}
#top .avia-data-table.avia_pricing_minimal tr:nth-child(even) {
    background: #fff;
}


/* Kontakt */

#top label.input_checkbox_label {
    font-weight: 300;
    font-size: small;
}
.avia-image-container.max-450 .avia_image {
    max-width: 450px;
}

#top .input-text, #top input[type="text"], #top input[type="input"], #top input[type="password"], #top input[type="email"], #top input[type="number"], #top input[type="url"], #top input[type="tel"], #top input[type="search"], #top textarea, #top select {
    border: none;
    padding: 10px 15px;
    font: inherit;
    margin: 0;
    margin-bottom: 0;
}

.form-grid {
    display: grid;
    gap: 20px 0px;
    grid-template-columns: 1fr;
}
.grid-item.col-full {
    grid-column: auto;
}
@media only screen and (min-width:769px) {

	.form-grid {
		grid-template-columns: 1fr 1fr;
		gap: 20px;
	}
	.grid-item.col-full {
	    grid-column: 1/3;
	}

}



/* Popup */

.pum-content.popmake-content .flex_column.av_two_fifth {
    margin-left: 0;
    padding: 40px;
    width: 42.4%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
#top .pum-container.pum-responsive .first img {
    display: block;
    height: 100%;
    object-fit: cover;
}
#top .pum-container.pum-responsive .av_two_fifth img {
    margin-bottom: 0;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
}
.pum-content.popmake-content {
    display: flex;
}

@media only screen and (max-width: 1024px) {

    .pum-content.popmake-content {
        display: flex;
        flex-direction: column;
    }

    #top .pum-container.pum-responsive .flex_column {
        width: 100%;
        margin: 0;
    }

}


/* Bauten Filter Grid */

.av-sort-by-term {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}
.av-sort-by-term a {
    background: #f2f2f2;
    padding: 5px 10px;
    line-height: normal;
    text-transform: uppercase;
    font-weight: 500;
}
.main_color .av-sort-by-term a.active_sort,
.main_color .av-sort-by-term a:hover {
    background: #5b5b5b;
    color: #f2f2f2;
    opacity: 1;
}
.text-sep {
    display: none;
}

#top .av-fixed-size .av-masonry-entry.av-masonry-item-no-image .av-inner-masonry-content-pos,
#top .av-caption-style-overlay .av-masonry-item-with-image .av-inner-masonry-content-pos {
    vertical-align: bottom;
    text-align: left;
}

/*#top .av-caption-style-overlay .av-masonry-item-with-image .av-inner-masonry-content {
    background: rgba(0, 0, 0, 0.0);
}
#top .av-caption-style-overlay .av-masonry-item-with-image:hover .av-inner-masonry-content {
    background: rgba(0, 0, 0, 0.35);
}*/

#top .av-caption-style-overlay .av-masonry-item-with-image .av-inner-masonry-content {
    background: rgba(0, 0, 0, 0.5);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
}

.av-inner-masonry-content-pos {
    border: 1px solid;
    padding: 5px 10px;
    border-bottom: 0;
    position: relative;
    border: 1px solid transform;
    border-image: linear-gradient(to bottom, #b2b3b3, #fff);
    border-image-slice: 1;
}
.av-inner-masonry-content-pos::after, .av-inner-masonry-content-pos::before {
    content: '';
    width: 30px;
    background: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1px;
}
.av-inner-masonry-content-pos::before {
    left: auto;
    right: 0;
}
#top .av-caption-style-overlay .av-masonry-entry .av-masonry-entry-title {
    position: relative;
    left: 50%;
    transform: translateX(-50%) translateY(14px);
    width: calc(100% - 80px);
    text-align: center;
}

#top .av-hover-overlay-grayscale .av-masonry-entry:hover .av-masonry-image-container {
    transform: scale(1.05);
}


/* Logo Grid */

#top .avia-logo-element-container img {
    filter: grayscale(1);
    transition: all .3s ease-in-out;
}
#top .avia-logo-element-container img:hover {
    filter: grayscale(0);
}


/* Image Intro Rounded */

.responsive .container-96 .container {
    max-width: 96%;
    padding: 0;
}
#top .flex_column.hg-img-rounded-overlay {
    overflow: hidden;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center;
}
#top .flex_column.hg-img-rounded-overlay::before {
    content: '';
    width: 100%;
    height: 100%;
    background: #000;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0.5;
    visibility: visible;
}


/* Border CtA */

.responsive .container-sm .container {
    max-width: 40%;
}
.avia-buttonrow-wrap.stacked-buttons {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
#top .outline-cta-box .flex_column_table {
    border: 1px solid var(--enfold-main-color-secondary);
    padding: 20px;
    background: #fff;
}
#top .cloumn-shadow-l .flex_column_table {
    box-shadow: 0 20px 40px rgba(0 0 0 / 25%);
}

/* Glossar */

.main_color .glossary-term {
    border-bottom: 1px dotted #0073aa;
    cursor: help;
    position: relative;
}
#top .glossary-term::after {
    content: "\f539";
    font-family: 'Material Symbols Sharp';
    margin-left: 5px;
}

.glossary-term::before {
    content: attr(title);
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    background-color: rgba(51, 51, 51, 0.9);
    color: #fff;
    padding: 5px 10px;
    border-radius: 3px;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s ease-in-out;
    pointer-events: none;
    z-index: 10;
    max-width: 260px;
    font-size: 13px;
    line-height: normal;
    white-space: normal;
    text-wrap-style: pretty;
    min-width: 200px;
}

.glossary-term.tooltip-left::before {
    left: 0;
    transform: translateX(0);
}
.glossary-term.tooltip-right::before {
    right: 0;
    left: auto;
    transform: translateX(0);
}

.glossary-term:hover::before,
.glossary-term:focus::before {
    opacity: 1;
    visibility: visible;
}


/* Blog Grid */

.html_modern-blog .avia-content-slider.post-grid .slide-entry-title {
    font-size: 1.4em;
    text-align: left;
    letter-spacing: 0;
}
.html_elegant-blog .avia-content-slider.post-grid .slide-meta {
    float: none;
}


/* Blog Gallery */

#top.single-post div .avia-gallery + h2 {
    margin-top: 40px;
}


/* Animated BG */


.bg-scrolling-animated {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAIAAACRXR/mAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAABnSURBVHja7M5RDYAwDEXRDgmvEocnlrQS2SwUFST9uEfBGWs9c97nbGtDcquqiKhOImLs/UpuzVzWEi1atGjRokWLFi1atGjRokWLFi1atGjRokWLFi1af7Ukz8xWp8z8AAAA//8DAJ4LoEAAlL1nAAAAAElFTkSuQmCC) repeat 0 0;
    -webkit-animation: bg-scrolling-reverse 0.92s infinite;
    -moz-animation: bg-scrolling-reverse 0.92s infinite;
    -o-animation: bg-scrolling-reverse 0.92s infinite;
    animation: bg-scrolling-reverse 2.82s infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -o-animation-timing-function: linear;
    animation-timing-function: linear;
}

@keyframes bg-scrolling-reverse {
  100% {
    background-position: 50px 50px;
  }
}
@keyframes bg-scrolling {
  0% {
    background-position: 50px 50px;
  }
}


/* Grid */

.grid {
    display: grid;
    column-gap: var(--gap-large);
    row-gap: var(--gap-xlarge);
    grid-template-columns: 1fr;
}

.grid-item {
    display: flex;
    flex-direction: column;
}

/* Responsive - Breakpoints */

@media only screen and (max-width: 1024px) {


	/* Layout */
	.responsive #top #wrap_all div.container:not(.av-logo-container) {
	    width: 90%;
	    max-width: 90%;
	}
	.responsive .avia-section-large .content,
	.avia-section-huge .content {
	    padding-bottom: 25px;
	    padding-top: 25px;
	}

	/* Header */
	#top #header .av-main-nav > li.menu-item  {
	    display: none!important;
	}
	#top #header .av-burger-menu-main {
	    cursor: pointer;
	    display: block!important;
	}

	/* Project Slider */
	.ms-staff-carousel .ms-nav-prev, .ms-staff-carousel .ms-nav-next {
		display: block !important;
		opacity: 1!important;
	}
	.ms-staff-carousel .ms-nav-next {
		right: 0 !important;
	}
	.ms-staff-carousel .ms-nav-prev {
	    left: 0 !important;
	}

	/* Columns */

	/*.responsive #top #wrap_all .avia-section:not(.jobs) .av-break-at-tablet-flextable,
	.responsive .av-layout-grid-container.av-break-at-tablet {
	    display: block;
	}
	.responsive #top #wrap_all .avia-section:not(.jobs) .flex_column.av-break-at-tablet,
	.responsive #top #wrap_all .avia-section:not(.jobs) .av-break-at-tablet .flex_cell {
	    margin: 0;
	    margin-bottom: 0px;
	    width: 100%;
	    display: block;
	}*/

	.responsive #top #wrap_all .jobs .av-break-at-tablet-flextable {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-direction: row;
		        flex-direction: row;
		margin-left: -3%;
		margin-right: -3%;
		width: auto;
	}
	.responsive #top #wrap_all .jobs .flex_column.av-break-at-tablet,
	.jobs div .av_one_fourth {
		display: block;
		width: 44%;
		margin-left: 3%;
		margin-right: 3%;
	}
	#top .jobs .av-flex-placeholder {
		display: none;
	}

	.flex_column.av_one_full.fake-col-half {
	    width: 80%;
	}

	/* Kontakt */
	.leaflet-map {
	    height: 380px !important;
	}
}

@media only screen and (max-width: 768px) {


	.avia-section.av-m6anafka-e3e97adda3f4b995031ab2245200ae2e {
		background-image: url(https://www.niestroj-architekten.de/wp-content/uploads/leistungen-niestroj-architekten-mobile.jpg);
	}


}

@media only screen and (max-width: 767px) {
    .responsive #top #wrap_all .avia-logo-grid .slide-entry {
        width: 50%;
    }

    /* Header */

    .responsive #top #wrap_all #header {
	    position: fixed;
	}
    #header {
	    -webkit-transform: translateY(0px);
	    transform: translateY(0px);
	    -webkit-transition: transform 1s ease;
	    transition: transform 1s ease;
	}/*
	#header.scrolled {
	    -webkit-transform: translateY(-90px);
	    transform: translateY(-90px);
	    -webkit-transition: transform 1s ease;
	    transition: transform 1s ease;
	}*/

	.responsive #top #main {
        padding-top: 80px !important;
    }

    #top .av-caption-style-overlay .av-masonry-entry .av-masonry-entry-title {
        font-size: 1em;
    }

    /* Intro rounded */
    #top .flex_column.hg-img-rounded-overlay {
        min-height: auto !important;
        height: 40vh !important;
    }
    .flex_column.av-2w7qmn-46837bf5ee7bad4cae23f32be99a4327 {
        background-image: url(https://www.niestroj-architekten.de/wp-content/uploads/leistungen-niestroj-architekten-rounded-mobile.jpg) !important;
    }
    .responsive #top #wrap_all .container-96 div.container:not(.av-logo-container) {
        max-width: 90%;
        width: 90%;
        height: auto;
    }

    .av-burger-overlay-bg {
        height: 100svh;
    }

    /* Breadcrumbs */

    .title_container .breadcrumb {
        width: 100%;
        display: flex    ;
        align-items: center;
        justify-content: center;
    }

    /* Columns */

    .responsive #top .av-flex-placeholder {
        height: 2svh;
    }


    /* CTA Box */

    .outline-cta-box img.avia_image {
        max-width: 200px;
    }

}

@media only screen and (max-width: 430px) {

    /* Header */

    .av-minimum-height-85:not(.av-slideshow-section) .container, .av-cell-min-height-85 > .flex_cell {
        height: calc(100svh - 157px) !important;
    }

    /* Breadcrumb */
    .breadcrumb-trail {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        flex-wrap: wrap;
        position: relative;
        top: auto;
        margin-top: 0;
    }
    .responsive .title_container .breadcrumb {
        left: 50%;
        width: 100%;
        top: auto;
        margin-top: 0;
    }

}

@media only screen and (max-width: 420px) {

	/* Layout */
	.responsive #top #wrap_all div.container:not(.av-logo-container) {
	    width: 90%;
	    max-width: 90%;
	}

	/* Form Popup */

	#form-popup {
	    max-width: 90%;
	    padding: 20px;
	}
	#top .avia_ajax_form .av-google-badge-message {
	    min-width: 100%;
	}

	/* Jobs */

	.responsive #top #wrap_all .jobs .av-break-at-tablet-flextable {
	    margin-left: 0;
	    margin-right: 0;
	}
	.responsive #top #wrap_all .jobs .flex_column.av-break-at-tablet, .jobs div .av_one_fourth {
	    width: 100%;
	    margin-left: 0;
	    margin-right: 0;
	}

	/* Master Slider */

	.ms-slide .ms-layer:not(.team) {
	    width: 100% !important;
	    left: 0 !important;
	    bottom: 0;
    	top: auto !important;
	}

    /* Header */


	/* Footer */
	.responsive #top #wrap_all #socket div.container:not(.av-logo-container) {
	    display: -webkit-box;
	    display: -ms-flexbox;
	    display: flex;
	    -webkit-box-orient: vertical;
	    -webkit-box-direction: normal;
	        -ms-flex-direction: column;
	            flex-direction: column;
	    -webkit-box-align: center;
	        -ms-flex-align: center;
	            align-items: center;
	}
	#socket .social_bookmarks {
	    margin: 0px 0 10px;
	}
	#socket .menu {
	    display: -webkit-box;
	    display: -ms-flexbox;
	    display: flex;
	    -webkit-box-pack: center;
	        -ms-flex-pack: center;
	            justify-content: center;
	}
	#socket .sub_menu_socket li {
	    float: none;
	    display: inline-block;
	}


}

@media only screen and (max-width: 412px) {


    /* Intro */

    .av-minimum-height-85:not(.av-slideshow-section) .container, .av-cell-min-height-85 > .flex_cell {
        height: calc(100svh - 213px) !important;
    }
}