.grid-block-padding { padding-left: 10px; padding-right: 10px; }.grid { margin-left: -10px; margin-right: -10px; }section.row {margin: 0 0 50px 0; padding: 0 0 50px 0;}
.grid {display: flex; flex-flow: row wrap; margin: 0; flex-direction: row; flex-wrap: wrap}
.grid.grid-align-left {justify-content: flex-start; justify-content: none;}
.grid.grid-align-center {justify-content: center; justify-content: none;}
.grid.grid-align-right {justify-content: flex-end; justify-content: none;}
.grid .grid-block {flex: 1 0 25%; margin: 0}
.grid-base-1 .grid-block {flex: 1 0 100%;}
.grid-base-2 .grid-block {flex: 1 0 50%;}
.grid-base-3 .grid-block {flex: 1 0 33.3%;}
.grid-base-4 .grid-block {flex: 1 0 25%;}
.grid .grid-block .grid-block-inner {padding: 0}

.grid .grid-block-padding .grid-block-inner {padding: 30px}
section.grid-extend-left .grid-block:first-child .extender {position: absolute; left: 0}
section.grid-extend-left .grid-block:first-child .grid-block-inner {float: right}
section.grid-extend-right .grid-block:last-child .extender {position: absolute}

.grid-block-d-12 .extender {width: 100% !important; left: 0; right: auto}

/* Desktop */
.grid .grid-block-d-12 {width: 100%; flex-basis: 100%; max-width: 100%}
.grid .grid-block-d-11 {width: 100%; flex-basis: 91.666666666667%; max-width: 91.666666666667%}
.grid .grid-block-d-10 {width: 100%; flex-basis: 83.333333333333%; max-width: 83.333333333333%}
.grid .grid-block-d-9 {width: 100%; flex-basis: 75%; max-width: 75%}
.grid .grid-block-d-8 {width: 100%; flex-basis: 66.666666666667%; max-width: 66.666666666667%}
.grid .grid-block-d-7 {width: 100%; flex-basis: 58.333333333333%; max-width: 58.333333333333%}
.grid .grid-block-d-6 {width: 100%; flex-basis: 50%; max-width: 50%}
.grid .grid-block-d-5 {width: 100%; flex-basis: 41.666666666667%; max-width: 41.666666666667%}
.grid .grid-block-d-4 {width: 100%; flex-basis: 33.333333333333%; max-width: 33.333333333333%}
.grid .grid-block-d-3 {width: 100%; flex-basis: 25%; max-width: 25%}
.grid .grid-block-d-2 {width: 100%; flex-basis: 16.666666666667%; max-width: 16.666666666667%}
.grid .grid-block-d-1 {width: 100%; flex-basis: 8.3333333333333%; max-width: 8.3333333333333%}

@media (max-width: 1260px){ /* Tablet */
.grid .grid-block-padding .grid-block-inner {padding: 30px}
.grid-block-t-12 .extender {width: 100% !important; left: 0; right: auto}

.grid .grid-block-t-12 {max-width: 100.00%; flex-basis:100.00%; width: 100%}
.grid .grid-block-t-11 {max-width: 91.67%; flex-basis:91.67%; width: 100%}
.grid .grid-block-t-10 {max-width: 83.33%; flex-basis:83.33%; width: 100%}
.grid .grid-block-t-9 {max-width: 75.00%; flex-basis:75.00%; width: 100%}
.grid .grid-block-t-8 {max-width: 66.67%; flex-basis:66.67%; width: 100%}
.grid .grid-block-t-7 {max-width: 58.33%; flex-basis:58.33%; width: 100%}
.grid .grid-block-t-6 {max-width: 50.00%; flex-basis:50.00%; width: 100%}
.grid .grid-block-t-5 {max-width: 41.67%; flex-basis:41.67%; width: 100%}
.grid .grid-block-t-4 {max-width: 33.33%; flex-basis:33.33%; width: 100%}
.grid .grid-block-t-3 {max-width: 25.00%; flex-basis:25.00%; width: 100%}
.grid .grid-block-t-2 {max-width: 16.67%; flex-basis:16.67%; width: 100%}
.grid .grid-block-t-1 {max-width: 8.33%; flex-basis:8.33%; width: 100%}
}


@media (max-width: 740px){ /* Mobile */
.grid .grid-block-padding .grid-block-inner {padding: 20px}
.grid-block-m-12 .extender {width: 100% !important; left: 0; right: auto}

.grid .grid-block-m-12 {max-width: 100.00%; flex-basis: 100.00%; width: 100%}
.grid .grid-block-m-11 {max-width: 91.67%; flex-basis: 91.67%; width: 100%}
.grid .grid-block-m-10 {max-width: 83.33%; flex-basis: 83.33%; width: 100%}
.grid .grid-block-m-9 {max-width: 75.00%; flex-basis: 75.00%; width: 100%}
.grid .grid-block-m-8 {max-width: 66.67%; flex-basis: 66.67%; width: 100%}
.grid .grid-block-m-7 {max-width: 58.33%; flex-basis: 58.33%; width: 100%}
.grid .grid-block-m-6 {max-width: 50.00%; flex-basis: 50.00%; width: 100%}
.grid .grid-block-m-5 {max-width: 41.67%; flex-basis: 41.67%; width: 100%}
.grid .grid-block-m-4 {max-width: 33.33%; flex-basis: 33.33%; width: 100%}
.grid .grid-block-m-3 {max-width: 25.00%; flex-basis: 25.00%; width: 100%}
.grid .grid-block-m-2 {max-width: 16.67%; flex-basis: 16.67%; width: 100%}
.grid .grid-block-m-1 {max-width: 8.33%; flex-basis: 8.33%; width: 100%}
}




/* ##### MAIN ##### */
.content-corridor-main {width: 1200px; max-width: calc(100% - 60px); margin: 0 auto;}
/* ##### FOOTER ##### */
.content-corridor-footer {width: 1200px; max-width: calc(100% - 60px); margin: 0 auto;}
/* ##### INNER ##### */
.content-corridor-inner {width: 950px; max-width: calc(100% - 60px); margin: 0 auto;}
/* ##### FULL WIDTH CORRIDOR ##### */
.content-corridor-full-width {max-width: none; width: 100%;}

.section-inner,
.footer-inner {/* padding: 0 10px */}
.section-inner.row-align-left {margin: 0}
.section-inner.row-align-right {margin: 0 0 0 auto}

footer.main-footer {padding: 40px 0}
footer.post-footer {padding: 20px 0}
