/* Flexgrid begin */
.container { display:flex; justify-content:center; }
.container.wrap { width:100%; position:relative; box-sizing:border-box; }
.container.content { flex-basis:1200px; position:relative; margin:0px 0px 0px 0px; flex-wrap:wrap; min-width:0px; }
.container.content.fullcol { width:100%; flex-basis:100%; flex-wrap:nowrap; box-sizing:border-box; }

.container.content .container.content { margin:0px -10px 0px -10px; }

.element { box-sizing:border-box; padding:0px 10px 0px 10px; }

.fullcol .element.single { width:100%; padding:0px 0px 0px 0px; }
.onecol > .element { width:100%; }
.twocol > .element { width:50%; }
.threecol > .element { width:33.333333%; }
.fourcol > .element { width:25%; }
.fivecol > .element { width:20%; }
.sixcol > .element { width:16.666666%; }

.twocol2_1 > .element.first { width:66.666666%; }
.twocol2_1 > .element.last { width:33.333333%; }
.twocol3_1 > .element.first { width:75%; }
.twocol3_1 > .element.last { width:25%; }
.twocol4_1 > .element.first { width:80%; }
.twocol4_1 > .element.last { width:20%; }

.twocol1_2 > .element.first { width:33.333333%; }
.twocol1_2 > .element.last { width:66.666666%; }
.twocol1_3 > .element.first { width:25%; }
.twocol1_3 > .element.last { width:75%; }
.twocol1_4 > .element.first { width:20%; }
.twocol1_4 > .element.last { width:80%; }

/**
@media screen and (min-width:280px) and (max-width:1200px) {
	.container.content { flex-basis:100%; }
}**/

@media screen and (min-width:280px) and (max-width:1080px) {
	.fivecol > .element { width:33.333333%; }
	.threecol > .element { width:50%; }
}

@media screen and (min-width:280px) and (max-width:980px) {
	.sixcol > .element { width:33.333333%; }
	.fourcol > .element { width:50%; }
	.twocol > .element { width:100%; }

	.twocol2_1 > .element.first { width:100%; }
	.twocol2_1 > .element.last { width:50%; }
	.twocol3_1 > .element.first { width:100%; }
	.twocol3_1 > .element.last { width:50%; }
	.twocol4_1 > .element.first { width:100%; }
	.twocol4_1 > .element.last { width:50%; }

	.twocol1_2 > .element.first { width:50%; }
	.twocol1_2 > .element.last { width:100%; }
	.twocol1_3 > .element.first { width:50%; }
	.twocol1_3 > .element.last { width:100%; }
	.twocol1_4 > .element.first { width:50%; }
	.twocol1_4 > .element.last { width:100%; }
}

@media screen and (min-width:280px) and (max-width:880px) {
	.fivecol > .element { width:50%; }
	.threecol > .element { width:100%; }
}

@media screen and (min-width:280px) and (max-width:780px) {
	.sixcol > .element { width:50%; }
	.fourcol > .element { width:100%; }
}

@media screen and (min-width:280px) and (max-width:680px) {
	.fivecol > .element { width:100%; }

	.twocol2_1 > .element.last { width:100%; }
	.twocol3_1 > .element.last { width:100%; }
	.twocol4_1 > .element.last { width:100%; }

	.twocol1_2 > .element.first { width:100%; }
	.twocol1_3 > .element.first { width:100%; }
	.twocol1_4 > .element.first { width:100%; }
}

@media screen and (min-width:280px) and (max-width:580px) {
	.sixcol > .element { width:100%; }

}

.smoothScrollingBtn { width: 100%; position: absolute; left: 0px; bottom: 0px;  }


.accordion-wrap { width:100%; text-align:center; }
.accordion-item { max-width:1200px; margin:auto; }

/*Bootstrap Accordion*/
.collapse:not(.show) { display:none }
.collapsing { position:relative; height:0; overflow:hidden; transition:height .35s ease; }
