@charset "UTF-8";
/* CSS Document */

.float-right {float: right;}
.float-left {float: left;}

.container {}
.col-12, .col-8, .col-6, col-3, -col-2 {float: left;}
.container-XL, .container-L, .container-M, .container-S {float: left;}
.column-XL {padding: 0 8%;}
.column-L {padding: 0 6%;}
.column-M {padding: 0 4%;}
.column-S {padding: 0 2%;}
.passpartout {padding: 2%;}
	
.divider-top-black {width:100%;margin-top:28px;}
.divider-bottom-black {width:100%;margin-bottom:28px;}
 
/* ============ media A ================ */
@media screen and (max-width: 639px) {
	.container {width:95%;margin: 0 auto;}
	.col-2-2 {width: 100%;}
	.col-2-1 {width: 50%;}
}

.column-S {padding: 0 2%;}

.margin-S {margin: 2%;}
.margin-S-top-bottom {margin-top:2%;margin-bottom:2%;}
.margin-S-left-right {margin-left:2%;margin-right:2%;}
.margin-S-top {margin-top:2%;}
.margin-S-right {margin-right:2%;}
.margin-S-bottom {margin-bottom:2%;}
.margin-S-left {margin-left:2%;}

.padding-S {padding: 2%;}
.padding-S-top-bottom-S {padding-top:2%;padding-bottom:2%;}
.padding-S-left-right-S {padding-left:2%;padding-right:2%;}
.padding-S-top-S {padding-top:2%;}
.padding-S-left-S {padding-left:2%;}
.padding-S-bottom-S {padding-bottom:2%;}
.padding-S-right-S {padding-right:2%;}

.passpartout-S {padding:2%;}
.passpartout-S-top-bottom {padding-top:2%;padding-bottom:2%;}
.passpartout-S-left-right {padding-left:2%;padding-right:2%;}
.passpartout-S-top {padding-top:2%;}
.passpartout-S-right {padding-right:2%;}
.passpartout-S-bottom-{padding-bottom:2%;}
.passpartout-S-left {padding-left:2%;}

/* ============ media B ================ */
@media screen and (min-width: 640px) and (max-width: 767px) {
	.container {width:95%;margin: 0 auto;}
	.col-3-6 {width: 100%;}
	.col-3-2 {width: 66.6666%;}
	.col-3-1 {width: 33.3333%;}
	.col-6-6 {width: 100%;}
	.col-6-5 {width: 83.3333%;}
	.col-6-4 {width: 66.6666%;}
	.col-6-3 {width: 50%;}
	.col-6-2 {width: 33.3333%;}
	.col-6-1 {width: 16.6666%;}
}

.column-M {padding: 0 4%;}

.margin-M {margin: 4%;}
.margin-M-top-bottom {margin-top:4%;margin-bottom:4%;}
.margin-M-left-right {margin-left:4%;margin-right:4%;}
.margin-M-top {margin-top:4%;}
.margin-M-right {margin-right:4%;}
.margin-M-bottom {margin-bottom:4%;}
.margin-M-left {margin-left:4%;}

.padding-M {padding: 4%;}
.padding-M-top-bottom {padding-top:4%;padding-bottom:4%;}
.padding-M-left-right {padding-left:4%;padding-right:4%;}
.padding-M-top {padding-top:4%;}
.padding-M-right {padding-right:4%;}
.padding-M-bottom {padding-bottom:4%;}
.padding-M-left {padding-left:4%;}

.passpartout-M {padding:4%;}
.passpartout-M-top-bottom {padding-top:4%;padding-bottom:4%;}
.passpartout-M-left-right {padding-left:4%;padding-right:4%;}
.passpartout-M-top {padding-top:4%;}
.passpartout-M-right {padding-right:4%;}
.passpartout-M-bottom {padding-bottom:4%;}
.passpartout-M-left {padding-left:4%;}

/* ============ media C ================ */
@media screen and (min-width: 768px) and (max-width: 1023px) {
	.container {width:95%;margin: 0 auto;}
	.col-12-12 {width: 100%;}
	.col-12-9 {width: 75%;}
	.col-12-8 {width: 66.6666%;}
	.col-12-6 {width: 50%;}
	.col-12-4 {width: 33.3333%;}
	.col-12-3 {width: 25%;}
	.col-12-2 {width: 16.6666%;}
	.col-12-1 {width: 8.3333%;}
}

.column-L {padding: 0 6%;}

.margin-L {margin: 6%;}
.margin-L-top-bottom {margin-top:6%;margin-bottom:6%;}
.margin-L-left-right {margin-left:6%;margin-right:6%;}
.margin-L-top {margin-top:6%;}
.margin-L-right {margin-right:6%;}
.margin-L-bottom {margin-bottom:6%;}
.margin-L-left {margin-left:6%;}

.padding-L {padding: 6%;}
.padding-L-top-bottom {padding-top:6%;padding-bottom:6%;}
.padding-L-left-right {padding-left:6%;padding-right:6%;}
.padding-L-top {padding-top:6%;}
.padding-L-right {padding-right:6%;}
.padding-L-bottom {padding-bottom:6%;}
.padding-L-left {padding-left:6%;}

.passpartout-L {padding:6%;}
.passpartout-L-top-bottom {padding-top:6%;padding-bottom:6%;}
.passpartout-L-left-right {padding-left:6%;padding-right:6%;}
.passpartout-L-top {padding-top:6%;}
.passpartout-L-right {padding-right:6%;}
.passpartout-L-bottom {padding-bottom:6%;}
.passpartout-L-left {padding-left:6%;}

/* ============ media D ================ */
@media screen and (min-width: 1024px) and (max-width:1499px){
	.container {width:90%;position:relative;min-height:100%;margin:0 auto;}
	.col-12-12 {width: 100%;}
	.col-12-9 {width: 75%;}
	.col-12-8 {width: 66.6666%;}
	.col-12-6 {width: 50%;}
	.col-12-4 {width: 33.3333%;}
	.col-12-3 {width: 25%;}
	.col-12-2 {width: 16.6666%;}
	.col-12-1 {width: 8.3333%;}
}

.column-XL {padding: 0 8%;}

.margin-XL {margin: 8%;}
.margin-XL-top-bottom {margin-top:8%;margin-bottom:8%;}
.margin-XL-left-right {margin-left:8%;margin-right:8%;}
.margin-XL-top {margin-top:8%;}
.margin-XL-right {margin-right:8%;}
.margin-XL-bottom {margin-bottom:8%;}
.margin-XL-left {margin-left:8%;}

.padding-XL {padding: 8%;}
.padding-XL-top-bottom {padding-top:8%;padding-bottom:8%;}
.padding-XL-left-right {padding-left:8%;padding-right:8%;}
.padding-XL-top {padding-top:8%;}
.padding-XL-right {padding-right:8%;}
.padding-XL-bottom {padding-bottom:8%;}
.padding-XL-left {padding-left:8%;}

.passpartout-XL {padding:8%;}
.passpartout-XL-top-bottom {padding-top:8%;padding-bottom:8%;}
.passpartout-XL-left-right {padding-left:8%;padding-right:8%;}
.passpartout-XL-top {padding-top:8%;}
.passpartout-XL-right {padding-right:8%;}
.passpartout-XL-bottom {padding-bottom:8%;}
.passpartout-XL-left {padding-left:8%;}

/* ============ media E ================ */
@media screen and (min-width: 1500px){
	.container {width:80%;position:relative;min-height:100%;margin:0 auto;}
	.col-12-12 {width: 100%;}
	.col-12-9 {width: 75%;}
	.col-12-8 {width: 66.6666%;}
	.col-12-6 {width: 50%;}
	.col-12-4 {width: 33.3333%;}
	.col-12-3 {width: 25%;}
	.col-12-2 {width: 16.6666%;}
	.col-12-1 {width: 8.3333%;}
}