/*************************
 * PageCells Fluid Cells *
 *************************/
.cell, .cell-right {
    margin-bottom: 3.225806451613%;
    padding-top: 0;
    min-height:0;
}
.cell {
    float: left;
    margin-left:0 !important;
}
.cell-right {
    float: right;
    margin-right:0 !important;
}

/* default width: based on 50px cell / 30px margin */
.width-1-12, .width-1-10, .width-1-8, .width-1-6, .width-1-5, .width-1-4, .width-3-10, .width-1-3, .width-3-8, .width-2-5, .width-5-12, .width-7-16, .width-1-2, .width-9-16, .width-7-12, .width-3-5, .width-5-8, .width-2-3, .width-7-10, .width-3-4, .width-4-5, .width-5-6, .width-7-8, .width-9-10, .width-11-12 {
    display: inline;
    margin-right: 3.225806451613%;
}

.width-1-12 {
    width: 5.376344086022%;
}

.width-1-10 {
    width: 7.096774193548%;
}

.width-1-8 {
    width: 9.677419354839%;
}

.width-1-6 {
    width: 13.978494623656%;
}

.width-1-5 {
    width: 17.41935483871%;
}

.width-1-4 {
    width: 22.58064516129%;
}

.width-3-10 {
    width: 27.741935483871%;
}

.width-1-3 {
    width: 31.182795698925%;
}

.width-3-8 {
    width: 35.483870967742%;
}

.width-2-5 {
    width: 38.064516129032%;
}

.width-5-12 {
    width: 39.784946236559%;
}

.width-7-16 {
    width: 41.935483870968%;
}

.width-1-2 {
    width: 48.387096774194%;
}

.width-9-16 {
    width: 54.838709677419%;
}

.width-7-12 {
    width: 56.989247311828%;
}

.width-3-5 {
    width: 58.709677419355%;
}

.width-5-8 {
    width: 61.290322580645%;
}

.width-2-3 {
    width: 65.591397849462%;
}

.width-7-10 {
    width: 69.032258064516%;
}

.width-3-4 {
    width: 74.193548387097%;
}

.width-4-5 {
    width: 79.354838709677%;
}

.width-5-6 {
    width: 82.795698924731%;
}

.width-7-8 {
    width: 87.096774193548%;
}

.width-9-10 {
    width: 89.677419354839%;
}

.width-11-12 {
    width: 91.397849462366%;
}

.width-full {
    width: 100%;
}

.cell.end, .cell-right.end {
    margin-right: 0 !important;
}

.cell.flat, .cell-right.flat {
    margin-bottom: 0 !important;
}

/* narrow gutter: based on 60px cell / 20px margin */
.narrow .cell, .narrow .cell-right {
    margin-bottom: 2.127659574468%;
}
.narrow .width-1-12, .narrow .width-1-10, .narrow .width-1-8, .narrow .width-1-6, .narrow .width-1-5, .narrow .width-1-4, .narrow .width-3-10, .narrow .width-1-3, .narrow .width-3-8, .narrow .width-2-5, .narrow .width-5-12, .narrow .width-7-16, .narrow .width-1-2, .narrow .width-9-16, .narrow .width-7-12, .narrow .width-3-5, .narrow .width-5-8, .narrow .width-2-3, .narrow .width-7-10, .narrow .width-3-4, .narrow .width-4-5, .narrow .width-5-6, .narrow .width-7-8, .narrow .width-9-10, .narrow .width-11-12 {
    display: inline;
    margin-right: 2.127659574468%;
}
.narrow .width-1-12 {
    width: 6.382978723404%;
}
.narrow .width-1-10 {
    width: 8.085106382979%;
}
.narrow .width-1-8 {
    width: 10.638297872340%;
}
.narrow .width-1-6 {
    width: 14.893617021277%;
}
.narrow .width-1-5 {
    width: 18.297872340426%;
}
.narrow .width-1-4 {
    width: 23.404255319149%;
}
.narrow .width-3-10 {
    width: 28.510638297872%;
}
.narrow .width-1-3 {
    width: 31.914893617021%;
}
.narrow .width-2-5 {
    width: 38.723404255319%;
}
.narrow .width-5-12 {
    width: 40.425531914894%;
}
.narrow .width-7-16 {
    width: 42.553191489362%;
}
.narrow .width-1-2 {
    width: 48.936170212766%;
}
.narrow .width-9-16 {
    width: 55.319148936170%;
}
.narrow .width-7-12 {
    width: 57.446808510638%;
}
.narrow .width-3-5 {
    width: 59.148936170213%;
}
.narrow .width-5-8 {
    width: 61.702127659575%;
}
.narrow .width-2-3 {
    width: 65.957446808511%;
}
.narrow .width-7-10 {
    width: 69.361702127660%;
}
.narrow .width-3-4 {
    width: 74.468085106383%;
}
.narrow .width-4-5 {
    width: 79.574468085106%;
}
.narrow .width-5-6 {
    width: 82.978723404255%;
}
.narrow .width-7-8 {
    width: 87.234042553192%;
}
.narrow .width-9-10 {
    width: 89.787234042553%;
}
.narrow .width-11-12 {
    width: 91.489361702128%;
}

/* flush (no gutter): based on 80px cell */

.flush .width-1-12, .flush .width-1-10, .flush .width-1-8, .flush .width-1-6, .flush .width-1-5, .flush .width-1-4, .flush .width-3-10, .flush .width-1-3, .flush .width-3-8, .flush .width-2-5, .flush .width-5-12, .flush .width-7-16, .flush .width-1-2, .flush .width-9-16, .flush .width-7-12, .flush .width-3-5, .flush .width-5-8, .flush .width-2-3, .flush .width-7-10, .flush .width-3-4, .flush .width-4-5, .flush .width-5-6, .flush .width-7-8, .flush .width-9-10, .flush .width-11-12 {
    margin-right:0 !important;
    margin-bottom:0 !important;
    margin-left:0 !important;
    margin-top:0 !important;
}

.flush .width-1-12 {
    width: 8.3333333333333%;
}

.flush .width-1-10 {
    width: 10%;
}

.flush .width-1-8 {
    width: 12.5%;
}

.flush .width-1-6 {
    width: 16.666666666667%;
}

.flush .width-1-5 {
    width: 20%;
}

.flush .width-1-4 {
    width: 25%;
}

.flush .width-3-10 {
    width: 30%;
}

.flush .width-1-3 {
    width: 33.333333333333%;
}

.flush .width-3-8 {
    width: 37.5%;
}

.flush .width-2-5 {
    width: 40%;
}

.flush .width-5-12 {
    width: 41.666666666667%;
}

.flush .width-7-16 {
    width: 43.75%;
}

.flush .width-1-2 {
    width: 50%;
}

.flush .width-9-16 {
    width: 56.25%;
}

.flush .width-7-12 {
    width: 58.333333333333%;
}

.flush .width-3-5 {
    width: 60%;
}

.flush .width-5-8 {
    width: 62.5%;
}

.flush .width-2-3 {
    width: 66.666666666667%;
}

.flush .width-7-10 {
    width: 70%;
}

.flush .width-3-4 {
    width: 75%;
}

.flush .width-4-5 {
    width: 80%;
}

.flush .width-5-6 {
    width: 83.333333333333%;
}

.flush .width-7-8 {
    width: 87.5%;
}

.flush .width-9-10 {
    width: 90%;
}

.flush .width-11-12 {
    width: 91.666666666667%;
}
/* text modifiers */
.text-center {
    text-align: center;
}
.text-left {
    text-align: left;
}
.text-right {
    text-align:right;
}
.text-justify {
    text-align: justify;
}
/* Clearfix */
.clearfix {}

.clearfix:after,
.clearfix:before, .ui-helper-clearfix:after, .ui-helper-clearfix:before {
    content: ' ';
    display: table;
}

.clearfix:after, .ui-helper-clearfix:after {
    clear: both;
}

.clear {
    clear: both;
}
/* fixed top margins */
.top0 {
    margin-top:0;
}
.top5 {
    margin-top: 5px;
}
.top10 {
    margin-top: 10px;
}
.top15 {
    margin-top: 15px;
}
.top20 {
    margin-top: 20px;
}
.top25 {
    margin-top: 25px;
}
.top30 {
    margin-top: 30px;
}
.top40 {
    margin-top: 40px;
}
.top50 {
    margin-top: 50px;
}
.top60 {
    margin-top: 60px;
}
.top70 {
    margin-top: 70px;
}
.top80 {
    margin-top: 80px;
}
.top90 {
    margin-top: 90px;
}
.top100 {
    margin-top: 100px;
}
.top110 {
    margin-top: 110px;
}
.top120 {
    margin-top: 120px;
}
.top130 {
    margin-top: 130px;
}
.top140 {
    margin-top: 140px;
}
.top150 {
    margin-top: 150px;
}
/* fixed bottom margins */
.bottom0 {
    margin-bottom: 0;
}
.bottom5 {
    margin-bottom: 5px;
}
.bottom10 {
    margin-bottom: 10px;
}
.bottom15 {
    margin-bottom: 15px;
}
.bottom20 {
    margin-bottom: 20px;
}
.bottom25 {
    margin-bottom: 25px;
}
.bottom30 {
    margin-bottom: 30px;
}
.bottom40 {
    margin-bottom: 40px;
}
.bottom50 {
    margin-bottom: 50px;
}
.bottom60 {
    margin-bottom: 60px;
}
.bottom70 {
    margin-bottom: 70px;
}
.bottom80 {
    margin-bottom: 80px;
}
.bottom90 {
    margin-bottom: 90px;
}
.bottom100 {
    margin-bottom: 100px;
}
.bottom150 {
    margin-bottom: 150px;
}
/* set aspect ratio */
.use-aspect-ratio, .arn, .ard, .arc, .arh, .art, .ars, .arp, .arr, .arx {
    position:relative;
    overflow: hidden;
    display:block;
}
.use-aspect-ratio:before, .arn:before, .ard:before, .arc:before, .arh:before, .art:before, .ars:before, .arp:before, .arr:before, .arx:before {
    content:'';
    display:block;
}
.aspect-ratio-xt:before, .arx:before {
    padding-top:14%;  /* extra thin ~ 10:1 */
}
.aspect-ratio-th:before, .aspect-ratio-na:before, .arn:before {
    padding-top:27.5%;  /* narrow ~ 3.6:1 */
}
.aspect-ratio-scope:before, .aspect-ratio-ci:before, .arc:before {
    padding-top:41.84%; /*  anamorphic, 2.39:1 */
}
.aspect-ratio-double:before, .ard:before {
    padding-top:50%; /* 2 x 1 width */
}
.aspect-ratio-hidef:before, .aspect-ratio-vi:before, .arh:before {
    padding-top:56.25%; /* high definition: 16:9 */
}
.aspect-ratio-tv:before, .art:before {
    padding-top:75%;    /* tv: 4:3 */
}
.aspect-ratio-square:before, .aspect-ratio-sq:before, .ars:before {
    padding-top:100%;   /* square: 1:1 */
}
.aspect-ratio-portrait:before, .aspect-ratio-po:before, .arp:before {
    padding-top:140%;   /* portrait: 5:9 */
}
.aspect-ratio-rectangle:before, .aspect-ratio-re:before, .arr:before {
    padding-top:150%;   /* portrait: 5:9 */
}
.use-aspect-ratio > div, .use-aspect-ratio > a, .use-aspect-ratio > video, .use-aspect-ratio > iframe,
.arx > div, .arx > a, .arx > video, .arx > iframe,
.arn > div, .arn > a, .arn > video, .arn > iframe,
.ard > div, .ard > a, .ard > video, .ard > iframe,
.arc > div, .arc > a, .arc > video, .arc > iframe,
.arh > div, .arh > a, .arh > video, .arh > iframe,
.art > div, .art > a, .art > video, .art > iframe,
.ars > div, .ars > a, .ars > video, .ars > iframe,
.arp > div, .arp > a, .arp > video, .arp > iframe,
.arr > div, .arr > a, .arr > video, .arr > iframe {
    display:block;
    position: absolute;
    top:0;
    left:0;
    /**
     * this breaks on safari
     * right:0;
     * bottom:0;
     */
    width:100%;
    height:100%;
    margin:0 !important;
    padding:0 !important;
}
/* cover background */
.bgcover, .bgcover-top, .bgcover-bottom {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.bgcover-top {
    background-position: center top;
}
.bgcover-bottom {
    background-position: center bottom;
}

/* padding, center and vertial alignment */
.padoffset-top {
    position:relative;
    /*padding-top:150px;*/
}
.fullheight {
    position:relative;
    min-height:100%;
    margin-top:0 !important;
    margin-bottom:0 !important;
    padding-top:0 !important;
    padding-bottom:0 !important;
}
.padoffset-bottom {
    position:relative;
    /*padding-bottom:150px;*/
}
.center-page {
    max-width: 1160px;
    margin-left: auto;
    margin-right: auto;
}
.center-page-narrow {
    max-width: 980px;
    margin-left: auto;
    margin-right: auto;
}
.center-vertical {
    position: relative; 
    top: 50%; 
    -webkit-transform: translateY(-50%); 
    -ms-transform: translateY(-50%); 
    transform: translateY(-50%);
}
.pad-lr {
    padding-left: 20px;
    padding-right: 20px;
}
.abstop {
    position:absolute;
    top: 0;
    left:0;
}
.fixtop {
    position:fixed;
    top:0;
    left:0;
}
.absbottom {
    position:absolute;
    bottom:0;
    left:0;
}

/* pure CSS parallax */

.parallax-wrapper {
    height:100%;
    height: 100vh;
    overflow-y: auto;
    overflow-x: hidden;
    perspective: 300px;
    perspective-origin: top;
}
.parallax-back {
    -moz-transform: translateZ(-300px) translateY(50%) scale(2);
    -webkit-transform: translateZ(-300px) translateY(50%) scale(2);
    -o-transform: translateZ(-300px) translateY(50%) scale(2);
    transform: translateZ(-300px) translateY(50%) scale(2);
    /*transform-style: unset;*/
    z-index:5;
}
.parallax-front {
    -webkit-transform: translateZ(3px) translateY(0) scale(0.99);
    -moz-transform: translateZ(3px) translateY(0) scale(0.99);
    -o-transform: translateZ(3px) translateY(0) scale(0.99);
    transform: translateZ(3px) translateY(0) scale(0.99);
    /*transform-style: unset;*/
    z-index:1;
}
.parallax-front.center-vertical {
    -webkit-transform: translateZ(3px) translateY(-50%) scale(0.99);
    -moz-transform: translateZ(3px) translateY(-50%) scale(0.99);
    -o-transform: translateZ(3px) translateY(-50%) scale(0.99);
    transform: translateZ(3px) translateY(-50%) scale(0.99);
    /*transform-style: unset;*/
    z-index:1;
}
.parallax-container {
    transform-style: preserve-3d;
    overflow: unset;
}

.wp-admin .parallax-wrapper, 
.wp-admin .parallax-container, 
.wp-admin .parallax-back, 
.wp-admin .parallax-front {

    -moz-transform: none;
    -webkit-transform: none;
    -o-transform: none;
    transform: none;
    transform-style: flat;
    height:auto;
    overflow-y: visible;
    overflow-x: visible;
    perspective: unset;
    perspective-origin: unset;
}
.pagecells-panels .panel {
    display:none;
}
.pagecells-panels .panel:first-child {
    display:block;
}

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

.cell.break-tablet, .cell-right.break-tablet, .cell.break-tablet.end, .cell-right.break-tablet.end {
    float: none;
    margin-right: 3.225806451613% !important;
}
/* staggers 5, 6 to 4 */
.width-1-5.stagger, .width-1-6.stagger, .width-1-5.stagger.end, .width-1-6.stagger.end {
    width: 22.58064516129% !important;
    margin-right: 3.225806451613% !important;
    clear:none !important;
}
.flush .width-1-5.stagger, .flush .width-1-6.stagger, .flush .width-1-5.stagger.end, .flush .width-1-6.stagger.end {
    width: 25% !important;
    margin-right: 0 !important;
}
.width-1-5.stagger:nth-child(4n+4), .width-1-6.stagger:nth-child(4n+4) {
    margin-right:0 !important;
}
.width-1-5.stagger:nth-child(4n+1), .width-1-6.stagger:nth-child(4n+1) {
    clear:both !important;
}

}

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

/* staggers 4 to 2 */
.width-1-4.stagger {
    width: 48.387096774194% !important;
}
.width-1-4.stagger:nth-child(2n+1) {
    margin-right: 3.225806451613% !important;
    clear:both;
}
.width-1-4.stagger:nth-child(2n) {
    clear:none;
    margin-right:0 !important;
}
.flush .width-1-4.stagger, .flush .width-1-4.stagger {
    width: 50% !important;
    margin-right:0 !important;
}
}

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


/* right margin becomes bottom margin on inline elements */
.cell:not(.nobreak):not(.stagger), .cell-right:not(.nobreak):not(.stagger), .cell.end:not(.nobreak):not(.stagger), .cell-right.end:not(.nobreak):not(.stagger) {
    float: none;
    margin-right: 3.225806451613% !important;
}
/* staggers 5, 6 to 3-up */
.width-1-5.stagger, .width-1-6.stagger, .width-1-5.stagger.end, .width-1-6.stagger.end {
    width: 31.182795698925% !important;
    margin-right: 3.225806451613% !important;
    clear:none !important;
}
.flush .width-1-5.stagger, .flush .width-1-6.stagger, .flush .width-1-5.stagger.end, .flush .width-1-6.stagger.end {
    width: 33.333333333333% !important;
    margin-right: 0 !important;
    clear:none !important;
}
.width-1-5.stagger:nth-child(3n+3), .width-1-6.stagger:nth-child(3n+3) {
    margin-right:0 !important;
}
.width-1-5.stagger:nth-child(3n+1), .width-1-6.stagger:nth-child(3n+1) {
    clear:both !important;
}


/* staggers 4, 3 to 2 */
.width-1-3.stagger, .width-1-4.stagger {
    width: 48.387096774194% !important;
}
.width-1-3.stagger:nth-child(2n+1), .width-1-4.stagger:nth-child(2n+1) {
    margin-right: 3.225806451613% !important;
    clear:both;
}
.width-1-3.stagger:nth-child(2n), .width-1-4.stagger:nth-child(2n) {
    clear:none;
    margin-right:0 !important;
}
.flush .width-1-3.stagger, .flush .width-1-4.stagger {
    width:50% !important;
    margin-right:0 !important;
}

.flush .cell, .flush .cell.end, .flush .cell:not(.nobreak):not(.stagger), .flush .cell-right:not(.nobreak):not(.stagger), .flush .cell.end:not(.nobreak):not(.stagger), .flush .cell-right.end:not(.nobreak):not(.stagger) {
    margin-right:0 !important;
    margin-bottom:0 !important;
    margin-left:0 !important;
    margin-top:0 !important;
}
}

@media screen and (max-width: 600px) {
/*.cell:not(.nobreak):not(.stagger), .cell-right:not(.nobreak):not(.stagger), .cell.end:not(.nobreak):not(.stagger), .cell-right.end:not(.nobreak):not(.stagger), .width-1-2.stagger.even, .width-1-3.stagger.even, .width-1-2.stagger.odd, .width-1-3.stagger.odd,.width-1-2.stagger.end, .width-1-3.stagger.end {
    float: none;
    margin-right: 3.225806451613% !important;
}*/
/* all staggers > 3 to 2-up */
.width-1-4.stagger, .width-1-5.stagger, .width-1-6.stagger, .width-1-8.stagger, .width-1-10.stagger, .width-1-12.stagger, .width-1-4.stagger.end, .width-1-5.stagger.end, .width-1-6.stagger.end, .width-1-8.stagger.end, .width-1-10.stagger.end, .width-1-12.stagger.end {
    width: 48.387096774194% !important;
}
.narrow .width-1-4.stagger, .narrow .width-1-5.stagger, .narrow .width-1-6.stagger, .narrow .width-1-8.stagger, .narrow .width-1-10.stagger, .narrow .width-1-12.stagger, .narrow .width-1-4.stagger.end, .narrow .width-1-5.stagger.end, .narrow .width-1-6.stagger.end, .narrow .width-1-8.stagger.end, .narrow .width-1-10.stagger.end, .narrow .width-1-12.stagger.end {
    width: 48.936170212766% !important;
}
.width-1-4.stagger:nth-child(2n+1), .width-1-5.stagger:nth-child(2n+1), .width-1-6.stagger:nth-child(2n+1), .width-1-8.stagger:nth-child(2n+1), .width-1-10.stagger:nth-child(2n+1), .width-1-12.stagger:nth-child(2n+1) {
    margin-right: 3.225806451613% !important;
    clear:both !important;
}
.narrow .width-1-4.stagger:nth-child(2n+1), .narrow .width-1-5.stagger:nth-child(2n+1), .narrow .width-1-6.stagger:nth-child(2n+1), .narrow .width-1-8.stagger:nth-child(2n+1), .narrow .width-1-10.stagger:nth-child(2n+1), .narrow .width-1-12.stagger:nth-child(2n+1) {
    margin-right: 2.127659574468% !important;
}
.width-1-4.stagger:nth-child(2n), .width-1-5.stagger:nth-child(2n), .width-1-6.stagger:nth-child(2n), .width-1-8.stagger:nth-child(2n), .width-1-10.stagger:nth-child(2n), .width-1-12.stagger:nth-child(2n), .narrow .width-1-2.stagger:nth-child(2n), .narrow .width-1-3.stagger:nth-child(2n), .narrow .width-1-4.stagger:nth-child(2n), .narrow .width-1-5.stagger:nth-child(2n), .narrow .width-1-6.stagger:nth-child(2n), .narrow .width-1-8.stagger:nth-child(2n), .narrow .width-1-10.stagger:nth-child(2n), .narrow .width-1-12.stagger:nth-child(2n) {
    clear:none !important;
    margin-right:0 !important;
}
.flush .width-1-2.stagger, .flush .width-1-3.stagger, .flush .width-1-4.stagger, .flush .width-1-5.stagger, .flush .width-1-6.stagger, .flush .width-1-8.stagger, .flush .width-1-10.stagger, .flush .width-1-12.stagger, .flush .width-1-2.stagger.end, .flush .width-1-3.stagger.end, .flush .width-1-4.stagger.end, .flush .width-1-5.stagger.end, .flush .width-1-6.stagger.end, .flush .width-1-8.stagger.end, .flush .width-1-10.stagger.end, .flush .width-1-12.stagger.end, .flush .cell:not(.nobreak):not(.stagger), .flush .cell-right:not(.nobreak):not(.stagger), .flush .cell.end:not(.nobreak):not(.stagger), .flush .cell-right.end:not(.nobreak):not(.stagger) {
    width: 50% !important;
    margin-right:0 !important;
}
}
@media screen and (max-width: 480px) {

.cell:not(.nobreak), .cell-right:not(.nobreak), .cell.end:not(.nobreak), .cell-right.end:not(.nobreak) {
    float: none;
    margin-right: 3.225806451613% !important;
}
/* reset all stagger values to one-up cell */
.width-1-3.stagger, .width-1-4.stagger, .width-1-5.stagger, .width-1-6.stagger, .width-1-8.stagger, .width-1-10.stagger, .width-1-12.stagger {
    float:none;
    clear:both;
    margin-right: 3.225806451613% !important;
}
.narrow .width-1-3.stagger, .narrow .width-1-4.stagger, .narrow .width-1-5.stagger, .narrow .width-1-6.stagger, .narrow .width-1-8.stagger, .narrow .width-1-10.stagger, .narrow .width-1-12.stagger {
    margin-right: 2.127659574468% !important;
}
.flush .cell, .flush .cell.end, .flush .width-1-3.stagger, .flush .width-1-4.stagger, .flush .width-1-5.stagger, .flush .width-1-6.stagger, .flush .width-1-8.stagger, .flush .width-1-10.stagger, .flush .width-1-12.stagger, .flush .cell:not(.nobreak), .flush .cell-right:not(.nobreak), .flush .cell.end:not(.nobreak), .flush .cell-right.end:not(.nobreak) {
    margin-right:0 !important;
    margin-bottom:0 !important;
    margin-left:0 !important;
    margin-top:0 !important;
}
/* set all tops and bottoms to 1/2 normal value */
.top5 {
    margin-top: 2px;
}
.top10 {
    margin-top: 5px;
}
.top15 {
    margin-top: 12px;
}
.top20 {
    margin-top: 10px;
}
.top25 {
    margin-top: 12px;
}
.top30 {
    margin-top: 15px;
}
.top40 {
    margin-top: 20px;
}
.top50 {
    margin-top: 25px;
}
.top60 {
    margin-top: 30px;
}
.top70 {
    margin-top: 35px;
}
.top80 {
    margin-top: 40px;
}
.top90 {
    margin-top: 45px;
}
.top100 {
    margin-top: 50px;
}
.top110 {
    margin-top: 55px;
}
.top120 {
    margin-top: 60px;
}
.top130 {
    margin-top: 65px;
}
.top140 {
    margin-top: 70px;
}
.top150 {
    margin-top: 75px;
}
/* fixed bottom margins */
.bottom5 {
    margin-bottom: 2px;
}
.bottom10 {
    margin-bottom: 5px;
}
.bottom15 {
    margin-bottom: 12px;
}
.bottom20 {
    margin-bottom: 10px;
}
.bottom25 {
    margin-bottom: 12px;
}
.bottom30 {
    margin-bottom: 15px;
}
.bottom40 {
    margin-bottom: 20px;
}
.bottom50 {
    margin-bottom: 25px;
}
.bottom60 {
    margin-bottom: 30px;
}
.bottom70 {
    margin-bottom: 35px;
}
.bottom80 {
    margin-bottom: 40px;
}
.bottom90 {
    margin-bottom: 45px;
}
.bottom100 {
    margin-bottom: 50px;
}
.bottom150 {
    margin-bottom: 75px;
}

}