.fullbackground {
    background-color: #f1f1f1;
    background-position: center center;
    background-repeat: no-repeat !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
}

.page, #main {
    max-width: 100%;
    margin: 0 auto;
}

.page.fullwidth, .wp-block {
    max-width: 100%;
    margin: 0 auto;
    padding: 0px;
}

.wrap, main > p  {
    max-width: 1440px;
    margin: 0 auto;
}
.wrap.fullwidth {
    max-width: 100%;
    margin: 0 auto;
    padding: 0px;
}
.wrap.largewidth {
    max-width: 1920px;
    margin: 0 auto;
    padding: 0px;
}
.wrap.smallwidth {
    max-width: 800px;
    margin: 0 auto;
}

body.page { padding: 0px;}


/*
	Flexbox framework
	General flexbox classes
*/
.columns,
.wp-block-columns {
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -ms-box-orient: horizontal;
    box-orient: horizontal;
    width: 100%;
    flex-wrap: wrap;
}

.rows {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-box-orient: vertical;
    box-orient: vertical;
    width: 100%;
    align-items: stretch;
}

.columns > * , .rows > *, .wp-block-columns > * {
    -webkit-box-flex: 1; /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-flex: 1; /* OLD - Firefox 19- */
    -webkit-flex: 1; /* Chrome */
    -ms-flex: 1; /* IE 10 */
    flex: 1;
    min-width:233.33px; margin-left: 0px!important; margin-right: 0px!important; padding: 0px;
}

.flex_2{
  -webkit-box-flex: 2; /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 2; /* OLD - Firefox 19- */
  -webkit-flex: 2; /* Chrome */
  -ms-flex: 2; /* IE 10 */
  flex: 2;
}
.flex_3{
  -webkit-box-flex: 3; /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 3; /* OLD - Firefox 19- */
  -webkit-flex: 3; /* Chrome */
  -ms-flex: 3; /* IE 10 */
  flex: 3;
}

.flex{display: flex;}
.center{align-items: center;}
.centered{justify-content: center;}
.spaced{justify-content: space-between;}

.columns.nowrap, .rows.nowrap {
    flex-wrap: nowrap;
}

.masonry { /* Masonry container */

	-webkit-column-count: 8; /* Chrome, Safari, Opera */
	-moz-column-count: 8; /* Firefox */
	-ms-column-count: 8;
	-o-column-count: 8;
	column-count: 8;

	-webkit-column-gap:0.5em;
	-moz-column-gap:0.5em;
	column-gap:0.5em;

	vertical-align: top;
}
.masonry > * { /* Masonry bricks or child elements */
	display: inline-block; vertical-align: top;
    width: 100%; margin: 0 0 1em;

	-webkit-column-break-inside:avoid;
	-moz-column-break-inside:avoid;
	-ms-column-break-inside:avoid;
	-o-column-break-inside:avoid;
	column-break-inside:avoid;

	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden;
}



/*
	Folding points
	General minimum is 256px wide with 30px padding (286px total)
*/
.columns.fold-desktop {}
.columns.fold-tablet {}
.columns.fold-phone {}

@media all and (max-width: 2048px) {
	.masonry {
	    -webkit-column-count: 7; /* Chrome, Safari, Opera */
		-moz-column-count: 7; /* Firefox */
		column-count: 7;
    }
}

@media all and (max-width: 1792px) {
	.masonry {
	    -webkit-column-count: 6; /* Chrome, Safari, Opera */
		-moz-column-count: 6; /* Firefox */
		column-count: 6;
    }
}

@media all and (max-width: 1536px) {
	.columns.fold-desktop-l {
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -ms-box-orient: vertical;
        box-orient: vertical;
    }
    .columns.fold-desktop-l > * {
        padding-left: 	5vw !important;
        padding-right: 	5vw !important;
        padding-top: 	5vw !important;
        padding-bottom: 5vw !important;
        min-width: 		100%!important;
        max-width: 		100%!important;
    }

	.masonry {
	    -webkit-column-count: 5; /* Chrome, Safari, Opera */
		-moz-column-count: 5; /* Firefox */
		column-count: 5;
    }
}

@media all and (max-width: 1280px) {
    /*
    	Regular desktop screen
    	Maximum is 1250px wide with 30px padding (15px left and right)
	*/
    .columns.fold-desktop, .columns.fold-desktop-l, .columns.fold-desktop-r {
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -ms-box-orient: vertical;
        box-orient: vertical;
    }
    .columns.fold-desktop > * , .columns.fold-desktop-l > * , .columns.fold-desktop-r > * {
        padding-left: 	5vw !important;
        padding-right: 	5vw !important;
        padding-top: 	5vw !important;
        padding-bottom: 5vw !important;
        min-width: 		100%!important;
        max-width: 		100%!important;
    }

    .masonry {
	    -webkit-column-count: 4; /* Chrome, Safari, Opera */
		-moz-column-count: 4; /* Firefox */
		column-count: 4;
    }
}

@media all and (max-width: 1024px) {
    /*
    	Regular tablet screen - landscape
    	Maximum is 994px wide with 30px padding (15px left and right)
    */
    .columns.fold-desktop, .columns.fold-desktop-l, .columns.fold-desktop-r, .columns.fold-desktop-s,
	.columns.fold-tablet-l{
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -ms-box-orient: vertical;
        box-orient: vertical;
    }
    .columns.fold-desktop > * , .columns.fold-desktop-l > * , .columns.fold-desktop-r > *, .columns.fold-desktop-s > *,
    .columns.fold-tablet-l > * {
        padding-left: 	5vw !important;
        padding-right: 	5vw !important;
        padding-top: 	5vw !important;
        padding-bottom: 5vw !important;
        min-width: 		100%!important;
        max-width: 		100%!important;
    }

    .masonry {
	    -webkit-column-count: 3; /* Chrome, Safari, Opera */
		-moz-column-count: 3; /* Firefox */
		column-count: 3;
    }
}

@media all and (max-width: 896px) {
    /*
    	Regular tablet screen - portrait
    	Maximum is 866px wide with 30px padding (15px left and right)
    */
    .columns.fold-desktop, .columns.fold-desktop-l, .columns.fold-desktop-r, .columns.fold-desktop-s,
	.columns.fold-tablet, .columns.fold-tablet-l, .columns.fold-tablet-r {
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -ms-box-orient: vertical;
        box-orient: vertical;
    }
    .columns.fold-desktop > * , .columns.fold-desktop-l > * , .columns.fold-desktop-r > *, .columns.fold-desktop-s > *,
    .columns.fold-tablet > * , .columns.fold-tablet-l > * , .columns.fold-tablet-r > * {
        padding-left: 	5vw !important;
        padding-right: 	5vw !important;
        padding-top: 	5vw !important;
        padding-bottom: 5vw !important;
        min-width: 		100%!important;
        max-width: 		100%!important;
    }

    .masonry {
	    -webkit-column-count: 2; /* Chrome, Safari, Opera */
		-moz-column-count: 2; /* Firefox */
		column-count: 2;
    }

}

@media all and (max-width: 768px) {
    /*
    	WooCommerce folding point
    	Gutenberg folding point
    	Maximum is 738px wide with 30px padding (15px left and right)
    */
	.columns.fold-desktop, .columns.fold-desktop-l, .columns.fold-desktop-r, .columns.fold-desktop-s,
	.columns.fold-tablet, .columns.fold-tablet-l, .columns.fold-tablet-r, .columns.fold-tablet-s,
    .columns.fold-phone-l {
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -ms-box-orient: vertical;
        box-orient: vertical;
    }
    .columns.fold-desktop > *, .columns.fold-desktop-l > *, .columns.fold-desktop-r > *, .columns.fold-desktop-s > *,
    .columns.fold-tablet > *, .columns.fold-tablet-l > *, .columns.fold-tablet-r > *, .columns.fold-tablet-s > *,
    .columns.fold-phone-l > * {
        padding-left: 	5vw !important;
        padding-right: 	5vw !important;
        padding-top: 	5vw !important;
        padding-bottom: 5vw !important;
        min-width: 		100%!important;
        max-width: 		100%!important;
    }

    .hide-mobile-l { display: none;}

    .masonry {
	    -webkit-column-count: 2; /* Chrome, Safari, Opera */
		-moz-column-count: 2; /* Firefox */
		column-count: 2;
    }
}
@media all and (max-width: 640px) {
	/*
    	Big mobile screen
    	Maximum is 610px wide with 30px padding (15px left and right)
    */
    .columns.fold-desktop, .columns.fold-desktop-l, .columns.fold-desktop-r, .columns.fold-desktop-s,
	.columns.fold-tablet, .columns.fold-tablet-l, .columns.fold-tablet-r, .columns.fold-tablet-s,
    .columns.fold-phone, .columns.fold-phone-l, .columns.fold-phone-r{
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -ms-box-orient: vertical;
        box-orient: vertical;
    }
    .columns.fold-desktop > * , .columns.fold-desktop-l > * , .columns.fold-desktop-r > *, .columns.fold-desktop-s > *,
    .columns.fold-tablet > * , .columns.fold-tablet-l > * , .columns.fold-tablet-r > *, .columns.fold-tablet-s > *,
    .columns.fold-phone > * , .columns.fold-phone-l > * , .columns.fold-phone-r > *{
        padding-left: 	5vw !important;
        padding-right: 	5vw !important;
        padding-top: 	5vw !important;
        padding-bottom: 5vw !important;
        min-width: 		100%!important;
        max-width: 		100%!important;
    }
    .hide-mobile, .hide-mobile-r { display: none;}

    .masonry {
	    -webkit-column-count: 2; /* Chrome, Safari, Opera */
		-moz-column-count: 2; /* Firefox */
		column-count: 2;
    }

    .wp-block-columns {
	    -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -ms-box-orient: vertical;
        box-orient: vertical;
    }
}

@media all and (max-width: 512px) {
    /*
    	Regular mobile screen
    	Maximum is 482px wide with 30px padding (15px left and right)
    */
    .columns.fold-desktop, .columns.fold-desktop-l, .columns.fold-desktop-r, .columns.fold-desktop-s,
	.columns.fold-tablet, .columns.fold-tablet-l, .columns.fold-tablet-r, .columns.fold-tablet-s,
    .columns.fold-phone, .columns.fold-phone-l, .columns.fold-phone-r, .columns.fold-phone-s {
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -ms-box-orient: vertical;
        box-orient: vertical;
    }
    .columns.fold-desktop > * , .columns.fold-desktop-l > * , .columns.fold-desktop-r > *, .columns.fold-desktop-s > *,
    .columns.fold-tablet > * , .columns.fold-tablet-l > * , .columns.fold-tablet-r > *, .columns.fold-tablet-s > *,
    .columns.fold-phone > * , .columns.fold-phone-l > * , .columns.fold-phone-r > *, .columns.fold-phone-s > * {
        padding-left: 	5vw !important;
        padding-right: 	5vw !important;
        padding-top: 	5vw !important;
        padding-bottom: 5vw !important;
        min-width: 		100%!important;
        max-width: 		100%!important;
    }

    .masonry {
	    -webkit-column-count: 1; /* Chrome, Safari, Opera */
		-moz-column-count: 1; /* Firefox */
		column-count: 1;
    }

}

@media all and (max-width: 360px) {
    /*
    	Smallest mobile screen
    	Maximum is 330px wide with 30px padding (15px left and right)
    */
	.columns.fold-desktop, .columns.fold-desktop-l, .columns.fold-desktop-r, .columns.fold-desktop-s,
	.columns.fold-tablet, .columns.fold-tablet-l, .columns.fold-tablet-r, .columns.fold-tablet-s,
    .columns.fold-phone, .columns.fold-phone-l, .columns.fold-phone-r, .columns.fold-phone-s, .columns.fold-phone-xs {
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -ms-box-orient: vertical;
        box-orient: vertical;
    }
    .columns.fold-desktop > * , .columns.fold-desktop-l > * , .columns.fold-desktop-r > *, .columns.fold-desktop-s > *,
    .columns.fold-tablet > * , .columns.fold-tablet-l > * , .columns.fold-tablet-r > *, .columns.fold-tablet-s > *,
    .columns.fold-phone > * , .columns.fold-phone-l > * , .columns.fold-phone-r > *, .columns.fold-phone-s > *, .columns.fold-phone-xs > * {
        padding-left: 	5vw !important;
        padding-right: 	5vw !important;
        padding-top: 	5vw !important;
        padding-bottom: 5vw !important;
        min-width: 		100%!important;
        max-width: 		100%!important;
    }

    .masonry {
	    -webkit-column-count: 1; /* Chrome, Safari, Opera */
		-moz-column-count: 1; /* Firefox */
		column-count: 1;
    }
}


*[fadein="onscroll"] {
	opacity: 0;
	transform: translateY(25px);
	transition: transform 400ms, opacity 400ms;
	-webkit-transition: transform 400ms, opacity 400ms;
	pointer-events: none;
	will-change: transform;
}
*[fadein="onscroll"].activate {
	opacity: 1;
	transform: translateY(0px);
	pointer-events: auto;
}

*[fadeload] {
	opacity: 0;
	transform: translateY(25px);
	transition: transform 200ms, opacity 200ms;
	-webkit-transition: transform 200ms, opacity 200ms;
}
*[fadeload].activate {
	opacity: 1;
	transform: translateY(0px);
	will-change: transform, opacity;
}