@import url("//fonts.googleapis.com/css?family=Roboto:700,500,400,300");
* { margin: 0; padding: 0; box-sizing: border-box; }

.container .grid, .container-full .grid { margin-right: -15px; margin-left: -15px; }

.grid { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; padding: 0; margin: 0 auto; position: relative; *letter-spacing: normal; list-style-type: none; }

.grid.grid-align { padding-left: 15px; }

.grid.card-container .card.direction-row { flex-wrap: wrap; -ms-flex-wrap: wrap; }

.slick-initialized .grid.slick-slide { display: flex; }

.grid::before, .grid::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; letter-spacing: normal; word-spacing: normal; white-space: normal; }

[class*="col-"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; letter-spacing: normal; word-spacing: normal; white-space: normal; position: relative; width: 100%; vertical-align: top; padding: 15px; display: inline-block; *display: inline; zoom: 1; }

[class*="col-"] .box { height: 100%; }

[class*="col-"]::before, [class*="col-"]::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; letter-spacing: normal; word-spacing: normal; white-space: normal; }

[class*="col-"] .grid { -ms-flex: 1 1 auto; -webkit-flex: 1 1 auto; flex: 1 1 auto; margin-left: -15px; margin-right: -15px; }

.col-12 { width: 100%; *width: 99.9%; }

.col-11 { width: 91.66666667%; *width: 91.56666667%; }

.col-10 { width: 83.33333333%; *width: 83.23333333%; }

.col-9 { width: 75%; *width: 74.9%; }

.col-8 { width: 66.66666667%; *width: 66.56666667%; }

.col-7 { width: 58.33333333%; *width: 58.23333333%; }

.col-6 { width: 50%; *width: 49.9%; }

.col-5 { width: 41.66666667%; *width: 41.56666667%; }

.col-4 { width: 33.33333333%; *width: 33.23333333%; }

.col-3 { width: 25%; *width: 24.9%; }

.col-2 { width: 16.66666667%; *width: 16.56666667%; }

.col-1 { width: 8.33333333%; *width: 8.23333333%; }

@media (min-width: 576px) { .col-xs-12 { width: 100%; *width: 99.9%; } .col-xs-11 { width: 91.66666667%; *width: 91.56666667%; } .col-xs-10 { width: 83.33333333%; *width: 83.23333333%; } .col-xs-9 { width: 75%; *width: 74.9%; } .col-xs-8 { width: 66.66666667%; *width: 66.56666667%; } .col-xs-7 { width: 58.33333333%; *width: 58.23333333%; } .col-xs-6 { width: 50%; *width: 49.9%; } .col-xs-5 { width: 41.66666667%; *width: 41.56666667%; } .col-xs-4 { width: 33.33333333%; *width: 33.23333333%; } .col-xs-3 { width: 25%; *width: 24.9%; } .col-xs-2 { width: 16.66666667%; *width: 16.56666667%; } .col-xs-1 { width: 8.33333333%; *width: 8.23333333%; } }

@media (min-width: 768px) { .col-sm-12 { width: 100%; *width: 99.9%; } .col-sm-11 { width: 91.66666667%; *width: 91.56666667%; } .col-sm-10 { width: 83.33333333%; *width: 83.23333333%; } .col-sm-9 { width: 75%; *width: 74.9%; } .col-sm-8 { width: 66.66666667%; *width: 66.56666667%; } .col-sm-7 { width: 58.33333333%; *width: 58.23333333%; } .col-sm-6 { width: 50%; *width: 49.9%; } .col-sm-5 { width: 41.66666667%; *width: 41.56666667%; } .col-sm-4 { width: 33.33333333%; *width: 33.23333333%; } .col-sm-3 { width: 25%; *width: 24.9%; } .col-sm-2 { width: 16.66666667%; *width: 16.56666667%; } .col-sm-1 { width: 8.33333333%; *width: 8.23333333%; } }

@media (min-width: 992px) { .col-md-12 { width: 100%; *width: 99.9%; } .col-md-11 { width: 91.66666667%; *width: 91.56666667%; } .col-md-10 { width: 83.33333333%; *width: 83.23333333%; } .col-md-9 { width: 75%; *width: 74.9%; } .col-md-8 { width: 66.66666667%; *width: 66.56666667%; } .col-md-7 { width: 58.33333333%; *width: 58.23333333%; } .col-md-6 { width: 50%; *width: 49.9%; } .col-md-5 { width: 41.66666667%; *width: 41.56666667%; } .col-md-4 { width: 33.33333333%; *width: 33.23333333%; } .col-md-3 { width: 25%; *width: 24.9%; } .col-md-2 { width: 16.66666667%; *width: 16.56666667%; } .col-md-1 { width: 8.33333333%; *width: 8.23333333%; } }

@media (min-width: 1200px) { .col-lg-12 { width: 100%; *width: 99.9%; } .col-lg-11 { width: 91.66666667%; *width: 91.56666667%; } .col-lg-10 { width: 83.33333333%; *width: 83.23333333%; } .col-lg-9 { width: 75%; *width: 74.9%; } .col-lg-8 { width: 66.66666667%; *width: 66.56666667%; } .col-lg-7 { width: 58.33333333%; *width: 58.23333333%; } .col-lg-6 { width: 50%; *width: 49.9%; } .col-lg-5 { width: 41.66666667%; *width: 41.56666667%; } .col-lg-4 { width: 33.33333333%; *width: 33.23333333%; } .col-lg-3 { width: 25%; *width: 24.9%; } .col-lg-2 { width: 16.66666667%; *width: 16.56666667%; } .col-lg-1 { width: 8.33333333%; *width: 8.23333333%; } }

@media (min-width: 1600px) { .col-xlg-12 { width: 100%; *width: 99.9%; } .col-xlg-11 { width: 91.66666667%; *width: 91.56666667%; } .col-xlg-10 { width: 83.33333333%; *width: 83.23333333%; } .col-xlg-9 { width: 75%; *width: 74.9%; } .col-xlg-8 { width: 66.66666667%; *width: 66.56666667%; } .col-xlg-7 { width: 58.33333333%; *width: 58.23333333%; } .col-xlg-6 { width: 50%; *width: 49.9%; } .col-xlg-5 { width: 41.66666667%; *width: 41.56666667%; } .col-xlg-4 { width: 33.33333333%; *width: 33.23333333%; } .col-xlg-3 { width: 25%; *width: 24.9%; } .col-xlg-2 { width: 16.66666667%; *width: 16.56666667%; } .col-xlg-1 { width: 8.33333333%; *width: 8.23333333%; } }

.col-auto { -ms-flex: 1 0 auto; -webkit-flex: 1 0 0px; flex: 1 0 0px; width: auto; }

@media (min-width: 576px) { .col-xs-auto { -ms-flex: 1 0 auto; -webkit-flex: 1 0 0px; flex: 1 0 0px; width: auto; } }

@media (min-width: 768px) { .col-sm-auto { -ms-flex: 1 0 auto; -webkit-flex: 1 0 0px; flex: 1 0 0px; width: auto; } }

@media (min-width: 992px) { .col-md-auto { -ms-flex: 1 0 auto; -webkit-flex: 1 0 0px; flex: 1 0 0px; width: auto; } }

@media (min-width: 1200px) { .col-lg-auto { -ms-flex: 1 0 auto; -webkit-flex: 1 0 0px; flex: 1 0 0px; width: auto; } }

@media (min-width: 1600px) { .col-xlg-auto { -ms-flex: 1 0 auto; -webkit-flex: 1 0 0px; flex: 1 0 0px; width: auto; } }

.order-12 { -ms-flex-order: 12; -webkit-order: 12; order: 12; }

.order-11 { -ms-flex-order: 11; -webkit-order: 11; order: 11; }

.order-10 { -ms-flex-order: 10; -webkit-order: 10; order: 10; }

.order-9 { -ms-flex-order: 9; -webkit-order: 9; order: 9; }

.order-8 { -ms-flex-order: 8; -webkit-order: 8; order: 8; }

.order-7 { -ms-flex-order: 7; -webkit-order: 7; order: 7; }

.order-6 { -ms-flex-order: 6; -webkit-order: 6; order: 6; }

.order-5 { -ms-flex-order: 5; -webkit-order: 5; order: 5; }

.order-4 { -ms-flex-order: 4; -webkit-order: 4; order: 4; }

.order-3 { -ms-flex-order: 3; -webkit-order: 3; order: 3; }

.order-2 { -ms-flex-order: 2; -webkit-order: 2; order: 2; }

.order-1 { -ms-flex-order: 1; -webkit-order: 1; order: 1; }

.order-0 { -ms-flex-order: 0; -webkit-order: 0; order: 0; }

@media only screen and (min-width: 576px) { .order-12-xs { -ms-flex-order: 12; -webkit-order: 12; order: 12; } .order-11-xs { -ms-flex-order: 11; -webkit-order: 11; order: 11; } .order-10-xs { -ms-flex-order: 10; -webkit-order: 10; order: 10; } .order-9-xs { -ms-flex-order: 9; -webkit-order: 9; order: 9; } .order-8-xs { -ms-flex-order: 8; -webkit-order: 8; order: 8; } .order-7-xs { -ms-flex-order: 7; -webkit-order: 7; order: 7; } .order-6-xs { -ms-flex-order: 6; -webkit-order: 6; order: 6; } .order-5-xs { -ms-flex-order: 5; -webkit-order: 5; order: 5; } .order-4-xs { -ms-flex-order: 4; -webkit-order: 4; order: 4; } .order-3-xs { -ms-flex-order: 3; -webkit-order: 3; order: 3; } .order-2-xs { -ms-flex-order: 2; -webkit-order: 2; order: 2; } .order-1-xs { -ms-flex-order: 1; -webkit-order: 1; order: 1; } .order-0-xs { -ms-flex-order: 0; -webkit-order: 0; order: 0; } }

@media only screen and (min-width: 768px) { .order-12-sm { -ms-flex-order: 12; -webkit-order: 12; order: 12; } .order-11-sm { -ms-flex-order: 11; -webkit-order: 11; order: 11; } .order-10-sm { -ms-flex-order: 10; -webkit-order: 10; order: 10; } .order-9-sm { -ms-flex-order: 9; -webkit-order: 9; order: 9; } .order-8-sm { -ms-flex-order: 8; -webkit-order: 8; order: 8; } .order-7-sm { -ms-flex-order: 7; -webkit-order: 7; order: 7; } .order-6-sm { -ms-flex-order: 6; -webkit-order: 6; order: 6; } .order-5-sm { -ms-flex-order: 5; -webkit-order: 5; order: 5; } .order-4-sm { -ms-flex-order: 4; -webkit-order: 4; order: 4; } .order-3-sm { -ms-flex-order: 3; -webkit-order: 3; order: 3; } .order-2-sm { -ms-flex-order: 2; -webkit-order: 2; order: 2; } .order-1-sm { -ms-flex-order: 1; -webkit-order: 1; order: 1; } .order-0-sm { -ms-flex-order: 0; -webkit-order: 0; order: 0; } }

@media only screen and (min-width: 992px) { .order-12-md { -ms-flex-order: 12; -webkit-order: 12; order: 12; } .order-11-md { -ms-flex-order: 11; -webkit-order: 11; order: 11; } .order-10-md { -ms-flex-order: 10; -webkit-order: 10; order: 10; } .order-9-md { -ms-flex-order: 9; -webkit-order: 9; order: 9; } .order-8-md { -ms-flex-order: 8; -webkit-order: 8; order: 8; } .order-7-md { -ms-flex-order: 7; -webkit-order: 7; order: 7; } .order-6-md { -ms-flex-order: 6; -webkit-order: 6; order: 6; } .order-5-md { -ms-flex-order: 5; -webkit-order: 5; order: 5; } .order-4-md { -ms-flex-order: 4; -webkit-order: 4; order: 4; } .order-3-md { -ms-flex-order: 3; -webkit-order: 3; order: 3; } .order-2-md { -ms-flex-order: 2; -webkit-order: 2; order: 2; } .order-1-md { -ms-flex-order: 1; -webkit-order: 1; order: 1; } .order-0-md { -ms-flex-order: 0; -webkit-order: 0; order: 0; } }

@media only screen and (min-width: 1200px) { .order-12-lg { -ms-flex-order: 12; -webkit-order: 12; order: 12; } .order-11-lg { -ms-flex-order: 11; -webkit-order: 11; order: 11; } .order-10-lg { -ms-flex-order: 10; -webkit-order: 10; order: 10; } .order-9-lg { -ms-flex-order: 9; -webkit-order: 9; order: 9; } .order-8-lg { -ms-flex-order: 8; -webkit-order: 8; order: 8; } .order-7-lg { -ms-flex-order: 7; -webkit-order: 7; order: 7; } .order-6-lg { -ms-flex-order: 6; -webkit-order: 6; order: 6; } .order-5-lg { -ms-flex-order: 5; -webkit-order: 5; order: 5; } .order-4-lg { -ms-flex-order: 4; -webkit-order: 4; order: 4; } .order-3-lg { -ms-flex-order: 3; -webkit-order: 3; order: 3; } .order-2-lg { -ms-flex-order: 2; -webkit-order: 2; order: 2; } .order-1-lg { -ms-flex-order: 1; -webkit-order: 1; order: 1; } .order-0-lg { -ms-flex-order: 0; -webkit-order: 0; order: 0; } }

@media only screen and (min-width: 1600px) { .order-12-xlg { -ms-flex-order: 12; -webkit-order: 12; order: 12; } .order-11-xlg { -ms-flex-order: 11; -webkit-order: 11; order: 11; } .order-10-xlg { -ms-flex-order: 10; -webkit-order: 10; order: 10; } .order-9-xlg { -ms-flex-order: 9; -webkit-order: 9; order: 9; } .order-8-xlg { -ms-flex-order: 8; -webkit-order: 8; order: 8; } .order-7-xlg { -ms-flex-order: 7; -webkit-order: 7; order: 7; } .order-6-xlg { -ms-flex-order: 6; -webkit-order: 6; order: 6; } .order-5-xlg { -ms-flex-order: 5; -webkit-order: 5; order: 5; } .order-4-xlg { -ms-flex-order: 4; -webkit-order: 4; order: 4; } .order-3-xlg { -ms-flex-order: 3; -webkit-order: 3; order: 3; } .order-2-xlg { -ms-flex-order: 2; -webkit-order: 2; order: 2; } .order-1-xlg { -ms-flex-order: 1; -webkit-order: 1; order: 1; } .order-0-xlg { -ms-flex-order: 0; -webkit-order: 0; order: 0; } }

.offset-11 { margin-left: 91.66666667%; *margin-left: 91.56666667%; }

.offset-10 { margin-left: 83.33333333%; *margin-left: 83.23333333%; }

.offset-9 { margin-left: 75%; *margin-left: 74.9%; }

.offset-8 { margin-left: 66.66666667%; *margin-left: 66.56666667%; }

.offset-7 { margin-left: 58.33333333%; *margin-left: 58.23333333%; }

.offset-6 { margin-left: 50%; *margin-left: 49.9%; }

.offset-5 { margin-left: 41.66666667%; *margin-left: 41.56666667%; }

.offset-4 { margin-left: 33.33333333%; *margin-left: 33.23333333%; }

.offset-3 { margin-left: 25%; *margin-left: 24.9%; }

.offset-2 { margin-left: 16.66666667%; *margin-left: 16.56666667%; }

.offset-1 { margin-left: 8.33333333%; *margin-left: 8.23333333%; }

@media only screen and (min-width: 576px) { .offset-11-xs { margin-left: 91.66666667%; *margin-left: 91.56666667%; } .offset-10-xs { margin-left: 83.33333333%; *margin-left: 83.23333333%; } .offset-9-xs { margin-left: 75%; *margin-left: 74.9%; } .offset-8-xs { margin-left: 66.66666667%; *margin-left: 66.56666667%; } .offset-7-xs { margin-left: 58.33333333%; *margin-left: 58.23333333%; } .offset-6-xs { margin-left: 50%; *margin-left: 49.9%; } .offset-5-xs { margin-left: 41.66666667%; *margin-left: 41.56666667%; } .offset-4-xs { margin-left: 33.33333333%; *margin-left: 33.23333333%; } .offset-3-xs { margin-left: 25%; *margin-left: 24.9%; } .offset-2-xs { margin-left: 16.66666667%; *margin-left: 16.56666667%; } .offset-1-xs { margin-left: 8.33333333%; *margin-left: 8.23333333%; } .offset-0-xs { margin-left: 0; *margin-left: -0.1%; } }

@media only screen and (min-width: 768px) { .offset-11-sm { margin-left: 91.66666667%; *margin-left: 91.56666667%; } .offset-10-sm { margin-left: 83.33333333%; *margin-left: 83.23333333%; } .offset-9-sm { margin-left: 75%; *margin-left: 74.9%; } .offset-8-sm { margin-left: 66.66666667%; *margin-left: 66.56666667%; } .offset-7-sm { margin-left: 58.33333333%; *margin-left: 58.23333333%; } .offset-6-sm { margin-left: 50%; *margin-left: 49.9%; } .offset-5-sm { margin-left: 41.66666667%; *margin-left: 41.56666667%; } .offset-4-sm { margin-left: 33.33333333%; *margin-left: 33.23333333%; } .offset-3-sm { margin-left: 25%; *margin-left: 24.9%; } .offset-2-sm { margin-left: 16.66666667%; *margin-left: 16.56666667%; } .offset-1-sm { margin-left: 8.33333333%; *margin-left: 8.23333333%; } .offset-0-sm { margin-left: 0; *margin-left: -0.1%; } }

@media only screen and (min-width: 992px) { .offset-11-md { margin-left: 91.66666667%; *margin-left: 91.56666667%; } .offset-10-md { margin-left: 83.33333333%; *margin-left: 83.23333333%; } .offset-9-md { margin-left: 75%; *margin-left: 74.9%; } .offset-8-md { margin-left: 66.66666667%; *margin-left: 66.56666667%; } .offset-7-md { margin-left: 58.33333333%; *margin-left: 58.23333333%; } .offset-6-md { margin-left: 50%; *margin-left: 49.9%; } .offset-5-md { margin-left: 41.66666667%; *margin-left: 41.56666667%; } .offset-4-md { margin-left: 33.33333333%; *margin-left: 33.23333333%; } .offset-3-md { margin-left: 25%; *margin-left: 24.9%; } .offset-2-md { margin-left: 16.66666667%; *margin-left: 16.56666667%; } .offset-1-md { margin-left: 8.33333333%; *margin-left: 8.23333333%; } .offset-0-md { margin-left: 0; *margin-left: -0.1%; } }

@media only screen and (min-width: 1200px) { .offset-11-lg { margin-left: 91.66666667%; *margin-left: 91.56666667%; } .offset-10-lg { margin-left: 83.33333333%; *margin-left: 83.23333333%; } .offset-9-lg { margin-left: 75%; *margin-left: 74.9%; } .offset-8-lg { margin-left: 66.66666667%; *margin-left: 66.56666667%; } .offset-7-lg { margin-left: 58.33333333%; *margin-left: 58.23333333%; } .offset-6-lg { margin-left: 50%; *margin-left: 49.9%; } .offset-5-lg { margin-left: 41.66666667%; *margin-left: 41.56666667%; } .offset-4-lg { margin-left: 33.33333333%; *margin-left: 33.23333333%; } .offset-3-lg { margin-left: 25%; *margin-left: 24.9%; } .offset-2-lg { margin-left: 16.66666667%; *margin-left: 16.56666667%; } .offset-1-lg { margin-left: 8.33333333%; *margin-left: 8.23333333%; } .offset-0-lg { margin-left: 0; *margin-left: -0.1%; } }

@media only screen and (min-width: 1600px) { .offset-11-xlg { margin-left: 91.66666667%; *margin-left: 91.56666667%; } .offset-10-xlg { margin-left: 83.33333333%; *margin-left: 83.23333333%; } .offset-9-xlg { margin-left: 75%; *margin-left: 74.9%; } .offset-8-xlg { margin-left: 66.66666667%; *margin-left: 66.56666667%; } .offset-7-xlg { margin-left: 58.33333333%; *margin-left: 58.23333333%; } .offset-6-xlg { margin-left: 50%; *margin-left: 49.9%; } .offset-5-xlg { margin-left: 41.66666667%; *margin-left: 41.56666667%; } .offset-4-xlg { margin-left: 33.33333333%; *margin-left: 33.23333333%; } .offset-3-xlg { margin-left: 25%; *margin-left: 24.9%; } .offset-2-xlg { margin-left: 16.66666667%; *margin-left: 16.56666667%; } .offset-1-xlg { margin-left: 8.33333333%; *margin-left: 8.23333333%; } .offset-0-xlg { margin-left: 0; *margin-left: -0.1%; } }

.wrap { -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; }

.no-wrap { -ms-flex-wrap: nowrap; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; }

.no-wrap [class*="col-"] { -ms-flex-negative: 1; -webkit-flex-shrink: 1; flex-shrink: 1; }

.wrap-reverse { -ms-flex-wrap: wrap-reverse; -webkit-flex-wrap: wrap-reverse; flex-wrap: wrap-reverse; }

.direction-row { -ms-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; }

.direction-row-reverse { -ms-flex-direction: row-reverse; -webkit-flex-direction: row-reverse; flex-direction: row-reverse; }

.direction-column { -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; }

.direction-column-reverse { -ms-flex-direction: column-reverse; -webkit-flex-direction: column-reverse; flex-direction: column-reverse; }

.align-start { -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; }

.align-end { -ms-flex-align: end; -webkit-align-items: flex-end; align-items: flex-end; }

.align-end [class*="col-"] { vertical-align: bottom; }

.align-center { -ms-flex-align: center; -webkit-align-items: center; align-items: center; }

.align-center [class*="col-"] { vertical-align: middle; }

.align-baseline { -ms-flex-align: baseline; -webkit-align-items: baseline; align-items: baseline; }

.align-content-start { -ms-flex-line-pack: start; -webkit-align-content: flex-start; align-content: flex-start; }

.align-content-end { -ms-flex-line-pack: end; -webkit-align-content: flex-end; align-content: flex-end; }

.align-content-end [class*="col-"] { vertical-align: bottom; }

.align-content-center { -ms-flex-line-pack: center; -webkit-align-content: center; align-content: center; }

.align-content-space-between { -ms-flex-line-pack: justify; -webkit-align-content: space-between; align-content: space-between; }

.align-content-space-around { -ms-flex-line-pack: distribute; -webkit-align-content: space-around; align-content: space-around; }

.align-self-stretch { -ms-flex-item-align: stretch; -webkit-align-self: stretch; align-self: stretch; }

.align-self-start { -ms-flex-item-align: start; -webkit-align-self: flex-start; align-self: flex-start; }

.align-self-end { -ms-flex-item-align: end; -webkit-align-self: flex-end; align-self: flex-end; vertical-align: bottom; }

.align-self-center { -ms-flex-item-align: center; -webkit-align-self: center; align-self: center; vertical-align: middle; }

.align-self-baseline { -ms-flex-item-align: baseline; -webkit-align-self: baseline; align-self: baseline; vertical-align: baseline; }

.justify-start { -ms-flex-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; }

.justify-end { -ms-flex-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; }

.justify-center { -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; }

.justify-space-between { -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }

.justify-space-around { -ms-flex-pack: distribute; -webkit-justify-content: space-around; justify-content: space-around; }

.grid-bleed [class*="col-"] { padding: 0; }

.col-grid { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; }

.col-grid.direction-row { -ms-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; }

.col-bleed { padding: 0; }

.col-bleed-x { padding: 15px 0; }

.col-bleed-y { padding: 0 15px; }

.flex-img { display: block; -ms-flex: 0 0 auto; -webkit-flex: 0 0 auto; flex: 0 0 auto; max-width: 100%; height: auto; width: 100%; *width: auto !important; }

.flex-footer { width: 100%; margin-top: auto; margin-bottom: 0; }

.flex-footer > :last-child { margin-bottom: 0; }

@media (max-width: 575px) { .hidden-xxs { display: none; } }

@media (min-width: 576px) and (max-width: 767px) { .hidden-xs { display: none; } }

@media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none; } }

@media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none; } }

@media (min-width: 1200px) and (max-width: 1599px) { .hidden-lg { display: none; } }

@media (min-width: 1600px) { .hidden-xlg { display: none; } }

.grey { background-color: #aaa; }

.lightgrey { background-color: #e6e6e6; }

.callout { color: #4FB2E5; font-weight: 700; font-size: 3rem; }

.callout span { font-size: 1.75rem; color: #aaa; text-transform: none; }

.column-header { background: #4f9c00; color: #fff; }

.card { margin-top: 8rem; box-shadow: 0 0 24px rgba(0, 0, 0, 0.4); }

.card .callout { text-transform: uppercase; line-height: 1; }

.card .callout span { font-size: 2rem; font-weight: 400; }

.card:first-child { margin-top: 0; }

.card .shaded-row { margin: 1.5rem 0; padding: 1rem 2rem; }

.card .shaded-row:last-child { margin-bottom: 0; }

.card .shaded-row h3 { font-weight: 700; color: #046240; }

.card .shaded-row h3 span { display: inline-block; padding-top: 2px; padding-left: 2px; font-weight: 500; margin-right: 1rem; font-size: 16px; text-align: center; width: 24px; height: 24px; background: #046240; border-radius: 100%; color: #fff; transform: translateY(-2px); }

.card .shaded-row h4 { text-transform: none; }

.card .shaded-row:nth-child(odd) { background: #e6e6e6; }

.card .shaded-row:nth-child(even) { color: #fff; background: #4FB2E5; }

.card .shaded-row:nth-child(even) h3 { color: #fff; }

.card .shaded-row:nth-child(even) h4 { color: #fff; }

.top-round { border-radius: 0 10vw 0 0; }

.sidebar-link { display: block; margin-bottom: 1.5rem; padding: 1.5rem; width: 100%; text-decoration: none; font-weight: 700; transition: background .25s; }

.default.alternate-default .card { margin-left: 4rem; }

.default.alternate-default h2.callout { color: #046240; }

.default.alternate-default h2.callout span { color: #4FB2E5; }

.default.alternate-default .background { background: rgba(79, 178, 229, 0.15); }

.post { margin-top: 140px; }

.default .archive h3 { font-size: 1rem; }

.default .archive .button { padding: .5rem 1rem; line-height: 1; }

.small { font-size: .7rem; }

.small sup { font-size: .5rem; }

.logo-height { margin-bottom: 1rem; max-height: 50px; }

.text-left { text-align: left; }

.text-center { text-align: center; }

.text-right { text-align: right; }

.float-left { float: left; }

.float-right { float: right; }

.color-highlight { color: #4FB2E5; }

.round { border-radius: 50%; }

.space-all { margin-top: 2rem; margin-bottom: 2rem; }

.space-up { margin-top: 2rem; }

.space-down { margin-bottom: 2rem; }

.space-v { margin-top: 2rem; margin-bottom: 2rem; }

.space-h { margin-left: 2rem; margin-right: 2rem; }

.pad-all { padding: 2rem; }

.pad-up { padding-top: 2rem; }

.pad-down { padding-bottom: 2rem; }

.pad-v { padding-top: 2rem; padding-bottom: 2rem; }

.pad-h { padding-left: 2rem; padding-right: 2rem; }

.nospace { margin: 0 !important; padding: 0 !important; }

.nospace-left { padding-left: 0 !important; margin-left: 0 !important; }

.nospace-right { padding-right: 0 !important; margin-right: 0 !important; }

.nospace-all { padding-top: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important; padding-bottom: 0 !important; }

.nospace-down { margin-bottom: 0 !important; padding-bottom: 0 !important; }

.nospace-up { margin-top: 0 !important; padding-top: 0 !important; }

.break-down { position: absolute; left: 0; top: 3rem; }

.color-primary { color: #046240; }

.color-cta { color: #4FB2E5; }

.container.checker { margin: 4rem auto; }

.container.checker h2 { font-weight: bold; color: #046240; }

.collapse { display: none; }

.collapse.in { display: block; }

.relative { position: relative; }

.round { border-radius: 50%; }

.ninety-cw { transform: rotateZ(-90deg); }

@media screen and (min-width: 1280px) { .checker h2 { font-size: 2.75rem; } .checker p { margin-bottom: 2rem; } }

@media screen and (min-width: 768px) { .checker > .grid:nth-child(odd) > .space-up { padding-right: 2rem; } .checker > .grid:nth-child(even) > .space-up { padding-left: 2rem; } }

@media screen and (max-width: 1280px) { .checker p { font-size: .9rem; } .checker > .grid > .space-up { margin-top: 1rem; } }

@media screen and (max-width: 991px) { .checker { margin-bottom: .5rem; font-size: 1.25rem; } .checker p { font-size: .8rem; } .checker .button { font-size: .9rem; } .checker > .grid > .space-up { margin-top: 0; } }

@media screen and (max-width: 767px) { .container.checker > .grid:nth-child(odd) { margin-top: 2rem; } .container.checker > .grid:nth-child(odd) > div:first-child { order: 2; } .container.checker div.space-up { padding-top: 2rem; padding-bottom: 6rem; } }

#main-header { z-index: 1000; }

#main-header > label, #main-header #show-menu { display: none; }

#main-header .mobile-menu { color: #fff; }

#main-header nav { margin: 0 auto; padding: 0 60px; width: 100%; border: solid #046240; border-width: 1px 0 1px 0; }

#main-header nav a { color: #046240 !important; }

#main-header nav ul { margin: 0 auto; list-style-type: none; z-index: 9999; max-width: 1200px; }

#main-header nav ul li { margin: 0; padding: 0; }

#main-header nav ul li a, #main-header nav ul li label { margin: 0; height: 100%; padding: 0; text-decoration: none; font-weight: 500; font-size: .85rem; }

#main-header nav ul li:hover > label, #main-header nav ul li:hover > a { background: #4f9c00 !important; color: #fff !important; }

#main-header nav > ul > li { position: relative; }

#main-header nav > ul > li .nav-return { display: none; height: auto; }

#main-header nav > ul > li:hover { background: #4f9c00; }

#main-header nav > ul > li:hover > div > a, #main-header nav > ul > li:hover > div > label { color: #fff; }

#main-header nav > ul > li input[type=checkbox] { display: none; }

#main-header nav > ul > li label { cursor: pointer; }

#main-header nav > ul > li ul { top: -9999px; margin: 0; padding: 0; width: 100%; position: absolute; background: #046240; display: block; }

#main-header nav > ul > li ul li { padding: 0; }

#main-header nav > ul > li ul li a { display: block; width: 100%; }

#main-header nav > ul > li ul li a span { display: none; }

#main-header nav > ul > li ul li:hover { background: #4f9c00; color: #fff; }

#main-header nav > ul ul { width: 100%; margin: 0; padding: 0; }

#main-header nav > ul ul > li > ul { top: -9999px; left: 0; min-width: 198px; z-index: 998; }

#main-header nav > ul ul li:hover > ul { top: 100%; }

@media screen and (min-width: 992px) { #main-header nav ul { text-align: center; } #main-header nav ul li:hover ul { top: 64px; left: 0; box-shadow: 0 6px 12px rgba(51, 51, 51, 0.2); } #main-header nav ul li ul { background: #fff; } #main-header nav ul li ul li { margin-left: 0; } #main-header nav ul li ul li a { padding: .75rem; color: #046240; border-bottom: solid 1px #aaa; } #main-header nav ul li ul li a:hover { color: #fff; } #main-header nav ul li ul li:last-child a { border: none; } }

@media screen and (min-width: 992px) and (max-width: 1280px) { #main-header nav > ul > li ul li a > span { display: inline-block; } }

@media screen and (max-width: 991px) { .ohi-logo { padding-top: 4rem; } #main-header { position: fixed; padding: 0; top: 0; left: 0; height: 40px; width: 100%; background: #4f9c00; border-bottom: solid 1px #aaa; } #main-header > a { margin: 0 auto; width: 125px; } #main-header nav { position: absolute; padding: 0; top: 0; left: -282px; width: 280px; height: 100vh; transition: left .25s; overflow-x: hidden; background: #fff; border: none; } #main-header nav ul li a, #main-header nav ul li label { padding: 1rem 1.5rem !important; } #main-header nav > ul { border: solid #4f9c00; border-width: 0 10px 0 0; padding-top: 40px; flex-direction: column; position: static; display: block; height: 100%; } #main-header nav > ul li { margin-left: 0; position: static; text-align: left; width: 100%; height: auto; color: black; } #main-header nav > ul li a, #main-header nav > ul li label { padding: 1.25rem; font-size: 1rem !important; } #main-header nav > ul li a span, #main-header nav > ul li label span { padding: 0; } #main-header nav > ul li label { cursor: pointer; } #main-header nav > ul li label a { pointer-events: none; } #main-header nav > ul li .nav-return { padding: 1.25rem; display: block; } #main-header nav > ul li > div input[type=checkbox]:checked ~ ul { right: 0; } #main-header nav > ul li a, #main-header nav > ul li label, #main-header nav > ul li .nav-return { margin: 0; display: block; width: 100%; } #main-header nav > ul li ul { padding-top: 40px; top: 0; left: -290px; height: 100%; background: #fff; color: #046240; transition: left .25s; border-right: solid 10px #046240; } #main-header nav > ul li ul li:hover { background: #046240; } #main-header nav > ul li ul .nav-return:hover { background: #046240; color: #fff; } #main-header nav > ul li input[type=checkbox]:checked ~ ul { left: 0; min-height: 100%; } #main-header nav > ul .nav-return { margin-top: 0; } #main-header .mobile-menu { display: block; position: absolute; top: 0; left: 0; padding: 11px 1.25rem; text-decoration: none; z-index: 99999; cursor: pointer; width: 100%; background: #4f9c00; } #main-header .mobile-menu i { display: block; color: #e6e6e6; font-style: normal; font-size: 30px; } #main-header #show-menu[type=checkbox]:checked ~ nav { left: 0; top: 0; box-shadow: 5px 0 12px rgba(0, 0, 0, 0.25); } #main-header #show-menu[type=checkbox]:checked ~ label .fa-bars:before { content: '\f057'; } }

@media screen and (max-width: 575px) { nav.grid { margin-bottom: 1rem; justify-content: center; } }

#banner { margin-bottom: 4rem; background-color: #046240; color: #fff; position: relative; background-size: cover; }

#banner .container { margin-top: 0; padding: 3rem 0; max-width: 1600px; }

#banner .inner { position: relative; z-index: 1; }

#banner .inner:last-child { margin-bottom: 0; }

#banner .inner .row div:last-child { text-align: left; }

#banner h2 { font-size: 7.75vw; margin: 0; padding: 0; text-align: center; font-weight: 700; text-shadow: 4px 4px 4px rgba(0, 0, 0, 0.35); }

#banner h3 { font-size: 2.75vw; margin: 0; padding: 0; text-align: center; font-weight: 700; text-shadow: 4px 4px 4px rgba(0, 0, 0, 0.35); }

#banner.scanning-technology { background-image: url("/images/scanning-bg.jpg"); }

#banner.services { background-image: url("/images/services-bg.jpg"); }

#banner.custom-orthotics { background-image: url("/images/custom-orthotics-bg.jpg"); }

#banner.webinars { background-image: url("/images/webinar-1.jpg"); position: sticky; top: 0; z-index: 5; }

#banner.hosiery { background-image: url("/images/compression-bg.jpg"); }

#banner.langer, #banner.pedalign, #banner.tog { background: #046240; background: -moz-linear-gradient(left, #046240 0%, #96d851 51%, #046240 100%); background: -webkit-linear-gradient(left, #046240 0%, #96d851 51%, #046240 100%); background: linear-gradient(to right, #046240 0%, #96d851 51%, #046240 100%); }

#banner.main-banner, #banner.content-banner { color: #fff; text-align: left; }

@media screen and (min-width: 1281px) { #banner h2 { font-size: 5.5rem; } }

@media screen and (max-width: 575px) { #banner h2 { font-size: 2.5rem; } }

.button { margin-top: 1rem; -moz-appearance: none; -webkit-appearance: none; -o-appearance: none; -ms-appearance: none; appearance: none; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; background-color: #4FB2E5; border-radius: 0; border: 0; color: #fff; cursor: pointer; display: inline-block; font-weight: 300; text-transform: uppercase; letter-spacing: 0.125rem; font-size: 0.9rem; line-height: 1.5; padding: .5rem 1.75rem; text-align: center; text-decoration: none; white-space: prewrap; text-indent: 0.25rem; }

.footer .button { margin-bottom: 2rem; }

.footer .container .button { color: #4FB2E5; font-weight: 400; background: #fff; border: solid 1px #4FB2E5; }

.footer .container .button:hover { color: #fff; font-weight: 400; background: #4FB2E5; border: solid 1px #4FB2E5; }

input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, .button:hover { background-color: #1e8fca; color: #fff; }

input[type="submit"]:active, input[type="reset"]:active, input[type="button"]:active, .button:active { background-color: #1e8fca; color: #fff; }

input.icon[type="submit"], input.icon[type="reset"], input.icon[type="button"], .button.icon { padding-left: 1.35rem; }

input.icon[type="submit"]:before, input.icon[type="reset"]:before, input.icon[type="button"]:before, .button.icon:before { margin-right: 0.5rem; }

input.fit[type="submit"], input.fit[type="reset"], input.fit[type="button"], .button.fit { display: block; margin: 0 0 1em 0; width: 100%; }

input.small[type="submit"], input.small[type="reset"], input.small[type="button"], .button.small { font-size: 0.7rem; }

input.big[type="submit"], input.big[type="reset"], input.big[type="button"], .button.big { font-size: 1.2rem; line-height: 2.25; }

input.alt[type="submit"], input.alt[type="reset"], input.alt[type="button"], .button.alt { background-color: #fff; box-shadow: inset 0 0 0 1px rgba(170, 170, 170, 0.25); color: #000; font-weight: 400; }

input.alt[type="submit"]:hover, input.alt[type="reset"]:hover, input.alt[type="button"]:hover, .button.alt:hover { background-color: #e6e6e6; }

input.alt[type="submit"]:active, input.alt[type="reset"]:active, input.alt[type="button"]:active, .button.alt:active { background-color: rgba(170, 170, 170, 0.2); }

input.alt.icon[type="submit"]:before, input.alt.icon[type="reset"]:before, input.alt.icon[type="button"]:before, .button.alt.icon:before { color: #aaa; }

input.special[type="submit"], input.special[type="reset"], input.special[type="button"], .button.special { background-color: #4FB2E5; color: #fff; }

input.special[type="submit"]:hover, input.special[type="reset"]:hover, input.special[type="button"]:hover, .button.special:hover { background-color: #333; }

input.special[type="submit"]:active, input.special[type="reset"]:active, input.special[type="button"]:active, .button.special:active { background-color: #333; }

input.disabled[type="submit"], input[type="submit"]:disabled, input.disabled[type="reset"], input[type="reset"]:disabled, input.disabled[type="button"], input[type="button"]:disabled, .button.disabled, .button:disabled { background-color: #333; box-shadow: inset 0 -0.15em 0 0 rgba(0, 0, 0, 0.15); color: #fff; cursor: default; opacity: 0.25; }

.button.form-btn-center { margin: 5rem auto 0; display: block; }

footer { color: #fff !important; font-size: .7rem; }

footer.container { margin-top: 4rem; }

footer .grid .col-grid { padding: 1.25rem; background: #046240; }

footer .grid .col-grid > div { border: solid #fff; border-width: 0 1px 0 0; }

footer .grid .col-grid > div:last-child { border: none; text-align: right; }

footer .grid .col-grid > div .grid { height: 100%; }

footer .grid .col-grid ul:not(.pad-h) { margin: 0; padding: 0; }

footer .grid .col-grid ul { list-style-type: none; }

footer .grid .col-grid ul li { margin: 0; padding-bottom: .25rem; }

footer .grid .col-grid ul li a { color: #fff !important; }

footer .grid .col-grid ul i { font-size: 1.5rem; color: #fff; }

footer .grid .col-grid ul i:hover { color: #4f9c00; }

footer .grid .col-grid .pad-h i { margin-left: .25rem; font-size: inherit; }

@media screen and (max-width: 767px) { footer .grid .col-grid.direction-row { padding-top: 0; padding-bottom: 0; flex-direction: column; } footer .grid .col-grid.direction-row > div { border-width: 0 0 1px 0; text-align: left; } footer .grid .col-grid.direction-row > div .pad-h { padding-left: 0; } }

/* Container */
.container, .container-full { width: 90%; margin: 0 auto 1rem; padding-right: 60px; padding-left: 60px; max-width: 1200px; }

.container { width: 100%; }

.container.container-inner { margin-left: auto; margin-right: auto; width: 75%; }

.container.style1 { background: #fff; color: #000; }

.container.style2 { background: #011910; color: #fff; border-bottom: 12px solid #4FB2E5; }

.container.style2 header.major { margin-bottom: 2rem; }

.container.style2 h2 { color: #fff; font-size: 3rem; text-transform: none; }

.container.style2 header p { color: #aaa; }

.container.style2 .button.alt { color: #fff; padding: 0 5rem; background-color: #4FB2E5; box-shadow: 4px 4px 12px #333333; }

.container.style2 .button.alt:hover { background-color: #1e8fca; }

.container.style2 .button.alt:active { background-color: #1e8fca; }

.container.style2 .button.alt:before { color: #aaa; }

.container.style2 * { color: #fff; }

.container.style3 { padding-top: 2rem; background: #4FB2E5; color: #fff; }

.container.style3 header.major hr { border-color: #454257; margin: auto; border-width: 11px; border-radius: 7px; width: 9rem; }

.container.style3 .callout { color: #fff; }

@media screen and (max-width: 991px) { .container, .container-full { padding-right: 30px; padding-left: 30px; } }

@media screen and (max-width: 767px) { .container.container-inner { width: 100%; } .container.style2 h2 { font-size: 2rem; } .container.style2 .button.alt { padding: 0 1rem; } }

.label-container { display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; font-size: 1rem; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.label-container input { position: absolute; opacity: 0; cursor: pointer; }

.checkmark { position: absolute; top: 0; left: 0; height: 25px; width: 25px; background-color: #fff; border: 2px solid #333; }

.label-container:hover input ~ .checkmark { background-color: #aaa; }

.label-container input:checked ~ .checkmark { background-color: #4FB2E5; }

.checkmark:after { content: ""; position: absolute; display: none; }

.label-container input:checked ~ .checkmark:after { display: block; }

.label-container .checkmark:after { left: 9px; top: 5px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.home .brands { padding-top: 1rem; }

.home .brands .grid { margin: 0 auto; max-width: 1100px; }

.home .container .grid .col-grid.box a, .home a.box p, .home a.box img { margin-top: 1rem; display: block; }

@media screen and (max-width: 991px) { .home .brands { border-top: none; } }

@media screen and (max-width: 767px) and (min-width: 575px) { .home .container .grid div a { font-size: .75rem; } }

@media screen and (max-width: 767px) { .brands > .grid { flex-wrap: wrap; justify-content: center; } .brands > .grid .col-auto { flex: 0 0 25%; } }

@media screen and (max-width: 575px) { .brands > .grid .col-auto { flex: 0 0 50%; } }

@media only screen and (max-device-width: 480px) { .show-mobile { display: block; } .hide-mobile { display: none; } }

@media only screen and (min-device-width: 481px) { .show-mobile { display: none; } .hide-mobile { display: block; } }

/*! Lity - v2.2.2 - 2017-07-17  http://sorgalla.com/lity/  Copyright (c) 2015-2017 Jan Sorgalla; Licensed MIT */
.lity { z-index: 9999999; position: fixed; top: 0; right: 0; bottom: 0; left: 0; white-space: nowrap; background: #0b0b0b; background: rgba(0, 0, 0, 0.6); outline: none !important; opacity: 0; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; }

.lity.lity-opened { opacity: 1; }

.lity.lity-closed { opacity: 0; }

.lity * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.lity-wrap { z-index: 9990; position: fixed; top: 0; right: 0; bottom: 0; left: 0; text-align: center; outline: none !important; }

.lity-wrap:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; }

.lity-loader { z-index: 9991; color: #fff; position: absolute; top: 50%; margin-top: -0.8em; width: 100%; text-align: center; font-size: 14px; font-family: Arial, Helvetica, sans-serif; opacity: 0; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; }

.lity-loading .lity-loader { opacity: 1; }

.lity-container { z-index: 9992; position: relative; text-align: left; vertical-align: middle; display: inline-block; white-space: normal; max-width: 100%; max-height: 100%; outline: none !important; }

.alternate-default .lity-container { width: 125%; }

.lity-content { margin: 0 auto; z-index: 9993; width: 80%; -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; -o-transition: -o-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease, -o-transform 0.3s ease; }

.lity-content .container > .grid { height: 100vh; overflow: scroll; }

.lity-loading .lity-content, .lity-closed .lity-content { -webkit-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); }

.lity-content:after { content: ''; position: absolute; left: 0; top: 0; bottom: 0; display: block; right: 0; width: auto; height: auto; z-index: -1; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); }

.lity-close { z-index: 9994; width: 2rem; height: 2rem; position: absolute; top: 0px; right: 10%; -webkit-appearance: none; cursor: pointer; text-decoration: none; text-align: center; padding: 0; font-style: normal; font-size: 2rem; font-family: Arial, Baskerville, monospace; line-height: 35px; border: 0; outline: none; -webkit-box-shadow: none; transition: all .25s; background: none; border-radius: 100%; }

.lity-close::-moz-focus-inner { border: 0; padding: 0; }

.lity-close:hover, .lity-close:focus, .lity-close:active, .lity-close:visited { color: #00b2ec; }

.lity-image img { max-width: 100%; display: block; line-height: 0; border: 0; }

.lity-iframe .lity-container, .lity-youtube .lity-container, .lity-vimeo .lity-container, .lity-facebookvideo .lity-container, .lity-googlemaps .lity-container { width: 100%; max-width: 1600px; }

.lity-iframe-container { width: 100%; height: 0; padding-top: 56.25%; overflow: auto; pointer-events: auto; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-overflow-scrolling: touch; }

.lity-iframe-container iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; }

.lity-hide { display: none; }

.lity-hidden { background: #fff; }

/*#008f5b;*/
*, *::after, *::before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

footer { margin-top: 0 !important; }

#webinars .title { color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 32px; line-height: 36px; margin-bottom: 15px; }

#webinars .sub-title { font-size: 16px; }

#webinars ul.webinar-listing { list-style: none; }

#webinars .description ol { margin-bottom: 0; }

#webinars * { letter-spacing: normal !important; }

#webinars .webinar-frame { border-bottom: 1px solid #f3f3f3; padding-bottom: 5px; }

#webinars .webinar-frame:last-child { border-bottom: none; }

#main-banner { text-align: center; }

.grid div { -webkit-transition: all 0.5s ease; -moz-transition: width 0.5s ease; -o-transition: width 0.5s ease; transition: width 0.5s ease; }

.main-background { background-color: #fff; }

.resource-widget-box { background-color: #fff; border: 1px solid #ccc; margin: 0 0 24px; border-radius: 4px; padding: 3rem; height: auto; transition: all .5s ease; }

.resource-widget-box * { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }

.resource-widget-box a { display: block; }

.resource-widget-box a i { position: absolute; top: 26%; left: 0; width: 100%; text-align: center; font-size: 6rem; z-index: 999; margin: 0 auto; }

.resource-widget-box a i:hover { cursor: pointer; }

.resource-widget-box a i.youtube { color: #f00; }

.resource-widget-box a i.vimeo { color: #19B7EA; }

.resource-widget-box > h4 { color: #07497B; margin: 1rem 0; min-height: 40px; font-size: 18px; letter-spacing: normal; }

.resource-widget-box > p { margin-bottom: 1rem; }

.resource-widget-box > div.description { height: 4em; display: block; /* Fallback for non-webkit */ display: -webkit-box; max-width: 400px; margin: 0 auto; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; margin-bottom: 10px; }

.main-content { padding: 0 20px; /*height: auto; position: absolute; top: 13rem; padding: 0 8rem; bottom: 5rem; overflow: auto;*/ }

.btn.register { background-color: rgba(0, 143, 91, 0.58); /*border-color: $ohi_green;*/ color: #fefefe; }

.btn.register:hover, .btn.register:active { background-color: #008f5b; /* border-color: #008f5b;*/ color: #fefefe; }

.flex-img { display: block; -ms-flex: 0 0 auto; -webkit-flex: 0 0 auto; flex: 0 0 auto; height: auto; width: 100%; margin-bottom: 10px; max-width: 340px; }

.digital-grid-cell { display: flex; justify-content: center; text-align: center; flex-grow: 3; }

@media screen and (max-width: 1000px) and (min-width: 1199px) { .resource-widget-box a i { top: 15% !important; font-size: 4rem !important; } #main-banner img { width: 100%; } }

@media screen and (max-width: 1200px) and (min-width: 1399px) { .resource-widget-box a i { top: 20% !important; font-size: 5rem !important; } }

@media screen and (max-width: 1000px) { #main-banner img { width: 100%; } }

@media only screen and (max-device-width: 412px) and (min-device-width: 320px) { .banner-image { width: 90%; } #main-banner img { width: 100%; } }

.digital-outer .digital-welcome h3 { color: #555; line-height: 1.5em; }

.digital-outer .loader { width: 100%; margin: 0 auto; text-align: center; }

.digital-outer .loader img { width: 3rem; }

.digital-outer .loader .loading-text { font-size: 1.25em; color: #333; padding-left: 15px; }

.digital-resources-list ul { list-style: none; }

.digital-resources-list ul li { background-repeat: no-repeat; background-position: 0 0 left; background-size: 30px 30px; line-height: 2; padding-left: 40px; width: 100%; }

.digital-resources-list ul li.url { background-image: url(/images/digital/icon-url.jpg); }

.digital-resources-list ul li.pdf { background-image: url(/images/digital/icon-pdf.png); }

.digital-resources-list ul li.video { background-image: url(/images/digital/video.png); }

.digital-resources-list ul li a { color: #77c9ab; font-size: 1.2em; text-decoration: none !important; font-weight: 500; }

.digital-resources-list ul li a:hover { color: #046240  !important; }

#build-lead { padding: 0 !important; letter-spacing: normal !important; }

#build-lead a.ohi-link { color: #046240 !important; text-decoration: none !important; font-weight: 700; }

#build-lead a.ohi-link:hover { color: #046240 !important; text-decoration: none !important; }

#build-lead .form-step { padding-bottom: 1.5rem; }

#build-lead .lead-form { position: relative; z-index: 1; margin-bottom: 15px; }

#build-lead .lead-form::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: .3; z-index: -1; background-image: url(/images/aap-background.jpg?v=2); background-position: 0 0; background-repeat: no-repeat; background-size: cover; }

#build-lead .lead-form.aaz::before { background-image: url(/images/az-webform-background.jpg?v=2); }

#build-lead .lead-form.fallprevention_op::before { background-image: url(/images/lp/fallprevention_op-webform-background.jpg); opacity: 1; }

#build-lead .lead-form.customorthotics-leadform::before { background-image: url(/images/lp/Custom_Orthotics_Alt_082021.jpg); opacity: 1; }

#build-lead .lead-form.gaitscan::before { background-color: #7d868c; background-image: url(); }

#build-lead .lead-form.safestep::before { background-color: #bfd4e7; background-image: url(); }

#build-lead .lead-form.white-leadform::before { background-color: #ffffff; background-image: url(); }

#build-lead .lead-form .grid.form-box { margin: 0 !important; }

#build-lead .lead-form .form-box { padding: 0 1em; }

#build-lead .lead-form.fallrisk-op h1, #build-lead .lead-form.fallrisk-op h2 { font-weight: 700 !important; }

#build-lead .lead-form.fallrisk-op h2 { font-family: "Roboto", Helvetica, sans-serif !important; }

#build-lead .lead-form.fallrisk-op p.copy { font-size: 1.5em; padding-left: 2em; }

#build-lead .lead-form.fallrisk-op .callout-text { margin-left: 35px !important; padding-top: 35px !important; }

#build-lead .col-greeting { padding-top: 10vh; }

#build-lead .col-greeting p.plain { font-size: 1.3em; padding: 0 3em; font-family: Arial, Roboto, Helvetica; }

#build-lead .col-greeting .appeal-box { background: url(/images/arrow.png); background-position: right; background-size: 300px; background-repeat: no-repeat; background-position-y: 40px; min-height: 300px; }

#build-lead .col-greeting .appeal-box.left { background: url(/images/arrow-left.png); background-position: left; background-size: 300px; background-repeat: no-repeat; background-position-y: 40px; min-height: 300px; }

#build-lead .col-greeting h2 { line-height: 1.5; font-family: 'Arial Black'; letter-spacing: 0; }

#build-lead .col-greeting h2.appeal { padding: 0 4em 0 3em; }

#build-lead .col-greeting h2.appeal.left { padding: 0 0 0 3em; margin-left: 20px; }

#build-lead .col-greeting .callout { background: url(/images/scalloped-callout.png?v=2); min-width: 200px; min-height: 200px; margin-left: 8rem; background-size: contain; background-repeat: no-repeat; position: relative; top: -7vh; }

#build-lead .col-greeting .callout .callout-text { color: #fff; font-size: 0.4em; width: 135px; height: auto; transform: rotate(-15deg); padding-top: 45px; text-align: center; margin-left: 29px; }

#build-lead .col-greeting .callout.left { background: url(/images/scalloped-callout.png?v=2); min-width: 200px; min-height: 200px; margin-left: 18rem; background-size: contain; background-repeat: no-repeat; position: relative; top: -7vh; }

#build-lead .col-greeting .callout.brown.left { background: url(/images/scalloped-callout-brown.png?v=2); min-width: 200px; min-height: 200px; margin-left: 18rem; background-size: contain; background-repeat: no-repeat; position: relative; top: -7vh; }

#build-lead .col-greeting .callout.navy.left { background: url(/images/scalloped-callout-navy.png?v=2); min-width: 200px; min-height: 200px; margin-left: 18rem; background-size: contain; background-repeat: no-repeat; position: relative; top: -7vh; }

#build-lead .form-group { margin-bottom: 2vh; }

#build-lead .form-group label { font-weight: 700 !important; width: 100%; }

#build-lead .col-form { padding-top: 5vh; }

#build-lead .col-form #subscription-subjects { margin-bottom: 1em; }

#build-lead .col-form #subscription-subjects label { cursor: pointer; }

#build-lead .col-form #submit { text-align: center; }

#build-lead .col-form #submit button.submit { border-radius: 25px; color: #fefefe; letter-spacing: 0.15em; font-weight: 700; }

#build-lead .col-form input[type=checkbox] { margin-top: 0 !important; width: 20px; height: 20px; background-color: #046240; color: #efefef !important; margin-left: -1.5em; cursor: pointer; }

#build-lead .col-form input[type=checkbox]:after { content: " "; background-color: #046240; display: inline-block; visibility: visible; color: #efefef !important; width: 20px; height: 20px; border-radius: 4px; border: 1px solid #000; padding-left: 2px; line-height: 21px; }

#build-lead .col-form input[type=checkbox]:checked:after { content: "\2714"; }

#build-lead .col-form input.brown[type=checkbox] { margin-top: 0 !important; width: 20px; height: 20px; background-color: #3c2313; color: #efefef !important; margin-left: -1.5em; cursor: pointer; }

#build-lead .col-form input.brown[type=checkbox]:after { content: " "; background-color: #3c2313; display: inline-block; visibility: visible; color: #efefef !important; width: 20px; height: 20px; border-radius: 4px; border: 1px solid #000; padding-left: 2px; line-height: 21px; }

#build-lead .col-form input.brown[type=checkbox]:checked:after { content: "\2714"; }

#build-lead .col-form input.navy[type=checkbox] { margin-top: 0 !important; width: 20px; height: 20px; background-color: #1d5b7d; color: #efefef !important; margin-left: -1.5em; cursor: pointer; }

#build-lead .col-form input.navy[type=checkbox]:after { content: " "; background-color: #1d5b7d; display: inline-block; visibility: visible; color: #efefef !important; width: 20px; height: 20px; border-radius: 4px; border: 1px solid #000; padding-left: 2px; line-height: 21px; }

#build-lead .col-form input.navy[type=checkbox]:checked:after { content: "\2714"; }

#build-lead .patient-connect-path { margin-bottom: 2em; }

#build-lead .patient-connect-path h1, #build-lead .patient-connect-path h2, #build-lead .patient-connect-path h3, #build-lead .patient-connect-path h4, #build-lead .patient-connect-path h5, #build-lead .patient-connect-path h6 { letter-spacing: normal; line-height: 2rem; }

#build-lead .footer-banner { margin: 1em 10em; padding: 0.5em 3em; color: #fefefe; background-color: #555; font-size: 1.2em; text-align: center; font-weight: 700; letter-spacing: 1px; word-spacing: 2px; }

#build-lead .footer-banner a, #build-lead .footer-banner a:hover, #build-lead .footer-banner a:visited, #build-lead .footer-banner a:active { color: #fefefe; }

@media screen and (max-width: 575px), (max-width: 990px) { #build-lead .lead-form { position: relative; z-index: 1; margin-bottom: 15px; background-color: #A9DFBF; } #build-lead .lead-form::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: .3; z-index: -1; background: none; } #build-lead .lead-form.aaz::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: .3; z-index: -1; background: none; } #build-lead .lead-form.gaitscan::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: .3; z-index: -1; background: none; } #build-lead .lead-form.fallprevention_op::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: .3; z-index: -1; background: none; } #build-lead .lead-form.customorthotics-leadform::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: .3; z-index: -1; background: none; } #build-lead .lead-form .grid.form-box { margin: 0 !important; } #build-lead .lead-form .form-box { padding: 0; } #build-lead .col-greeting p.plain { font-size: 1em; padding: 0; } #build-lead .col-greeting .appeal-box { background: none; min-height: unset; display: none; } #build-lead .col-greeting .appeal-box h2.appeal { padding: 0; margin: 0; font-size: 1.25em; line-height: 1.2; } #build-lead .col-greeting .callout { display: none; } #build-lead .col-greeting .callout.brown { display: none; } #build-lead .footer-banner { margin: 0; font-size: 1em; padding: 3px; } }

.thank-you-box { margin-top: 1em; }

.thank-you-box .thank-you-card { box-shadow: none; padding: 3em; margin: 0 15%; text-align: center; }

.thank-you-box .thank-you-card .greeting { margin-bottom: 1.5em; }

@media screen and (max-width: 575px), (max-width: 990px) { .thank-you-box { margin-top: 0; } .thank-you-box .thank-you-card { margin: 0; padding: 5px; } .thank-you-box .thank-you-card .greeting { margin-bottom: 10px; } }

#pager-box { text-align: center; margin: 5em 0; }

#pager-box ul li { list-style: none; display: inline-block; width: 2.5em; padding: 0; margin: 0; color: #046240; text-align: center; }

#pager-box ul li a { font-size: 1.5em; cursor: pointer; }

#pager-box ul li a .fas { font-size: 1.1em; }

#pager-box ul li.disabled a { color: #aaa !important; cursor: not-allowed; }

#pager-box ul li.active { background-color: #046240; }

#pager-box ul li.active a { color: #fefefe !important; }

#blog h1, #blog h2, #blog h3, #blog h4, #blog h5, #blog h6 { font-weight: 700; letter-spacing: 0; }

#blog .banner { margin-bottom: 2rem; }

#blog .banner .container { margin-bottom: 0 !important; }

#blog .banner .header { background-color: #017837; min-height: 12rem; }

#blog .banner .header .featured { display: flex; align-items: center; flex-wrap: wrap; color: #fefefe; }

#blog .banner .header .featured .title { display: block; font-size: 1.5em; height: 0em; margin-bottom: -1em; }

#blog .banner .header .featured .article { display: block; font-size: 2.5em; }

#blog .banner .header .image { display: flex; align-items: center; text-align: center; }

#blog .banner .header .image img { height: 50%; }

#blog .banner .sub-header { background-color: #737373; min-height: 4rem; }

#blog .banner .sub-header div.filter-title { text-align: right; line-height: 4rem; font-size: 2em; }

#blog .banner .sub-header div.filter { display: flex; align-items: center; }

#blog .banner .sub-header select { width: 50%; display: block; font-size: 1.5em; }

#blog .blog-record { margin-bottom: 1rem; }

#blog .blog-record img { cursor: pointer; }

#blog .blog-record .body .header { margin: 0.5rem 0; }

#blog .blog-record .body .header .topic { font-weight: 700; color: #046240; margin-right: 1rem; }

#blog .blog-record .body .title { font-size: 1.5rem; color: #046240; font-family: Roboto, sans-serif; font-weight: 600; margin-bottom: 0.5rem; }

#blog .blog-record .body .blog-author { margin-top: 0.5rem; font-weight: 700; color: #046240; }

#blog .blog-record .body .blog-publish-time { color: #026141; }

#blog .blog-record .body .description { line-height: 1.5; font-size: 1.25rem; }

#blog .blog-record .body .read-more { margin-top: 0.25rem; }

#blog .blog-record .body .read-more a { color: #046240; cursor: pointer; font-weight: 700; }

#blog #detail { margin: 5em 0; }

#blog #detail .title { font-weight: 700; text-align: center; margin-bottom: 1rem; font-size: 2.5em; }

#blog #detail .sub-title { margin-bottom: 1rem; font-size: 1.5em; text-align: center; padding: 0 5em; }

#blog #detail #breadcrumbs ul li { display: inline-block; list-style: none; text-align: center; margin: 0; }

#blog #detail #breadcrumbs ul li:not(:first-child) ::before { content: '|'; margin: 0 5px; }

#blog #detail #breadcrumbs ul li:not(:last-child) > a { cursor: pointer; }

#blog #detail #breadcrumbs ul li:not(:last-child) > a i.home-link { font-size: 2em; }

#blog #detail #article { margin-bottom: 4rem; }

#blog #detail #article .body li > p { margin-bottom: 0; }

#blog #detail #more-info { background-color: #017837; color: #fef; font-size: 1.25em; font-weight: 600; min-height: 5rem; padding: 2.5rem 4rem; margin-bottom: 4rem; }

#blog #detail #recent { font-size: 1.15em; }

#blog #detail #recent .recent-title { font-weight: 600; margin-bottom: 1rem; }

#blog #detail #recent ul li { list-style: none; margin: 0; }

#blog #detail #recent ul li a { color: #046240; cursor: pointer; }

#university-login { position: relative; z-index: 1; color: #000; }

#university-login .login-form { /* The finishing CSS styles for the enter animation */ }

#university-login .login-form .fade { opacity: 1; }

#university-login .login-form .fade.ng-hide { opacity: 0; }

#university-login .login-form .fade.ng-enter { transition: 0.5s linear all; opacity: 0; }

#university-login .login-form .fade.ng-enter.ng-enter-active { opacity: 1; }

#university-login .login-form .fade.ng-leave { animation: my_fade_animation 0.5s linear; -webkit-animation: my_fade_animation 0.5s linear; }

@keyframes my_fade_animation { from { opacity: 1; }
  to { opacity: 0; } }

@-webkit-keyframes my_fade_animation { from { opacity: 1; }
  to { opacity: 0; } }

#university-login .login-form label { font-weight: 700; }

#university-login .login-form .form-box .register { background: -webkit-linear-gradient(left, #046240, #90c399); margin-top: 3%; padding: 5%; }

#university-login .login-form .form-box .register.login { padding: 3%; }

#university-login .login-form .form-box .register a.forgot-pass { display: block; margin-top: 1em; font-weight: 700; color: #046240; cursor: pointer; }

#university-login .login-form .form-box .register a.forgot-pass:hover { color: #4f9c00; }

#university-login .login-form .form-box .register a.forgot-pass.disabled { color: #495057; cursor: not-allowed; text-decoration: none !important; }

#university-login .login-form .form-box .register a.forgot-pass.disabled:hover { color: #495057; }

#university-login .login-form .form-box .register .register-left { text-align: center; color: #fff; margin-top: 1%; }

#university-login .login-form .form-box .register .register-left img { margin-bottom: 2rem; width: 50%; -webkit-animation: mover 2s infinite alternate; animation: mover 1s infinite alternate; }

#university-login .login-form .form-box .register .register-left p { font-weight: lighter; padding: 5%; margin-top: -9%; }

#university-login .login-form .form-box .register .register-left button { border: none; border-radius: 1.5rem; padding: 2%; width: 60%; background: #f8f9fa; font-weight: bold !important; color: #383d41; margin-top: 30%; margin-bottom: 3%; cursor: pointer; }

#university-login .login-form .form-box .register .register-left button:active, #university-login .login-form .form-box .register .register-left button:focus { outline: none !important; }

#university-login .login-form .form-box .register .register-right { background-color: rgba(255, 255, 255, 0.75); border-top-left-radius: 10% 50%; border-bottom-left-radius: 10% 50%; }

#university-login .login-form .form-box .register .register-right .register-heading { text-align: center; margin-top: 8%; margin-bottom: -15%; color: #046240; letter-spacing: normal; }

#university-login .login-form .form-box .register .register-right .register-form { padding: 10%; margin-top: 10%; }

#university-login .login-form .form-box .register .register-right .register-form.login .error-list { padding: 0 5%; color: #f00; margin: 2% 0; font-size: 1.15em; text-align: center; }

#university-login .login-form .form-box .register .register-right .register-form.login .error-list .user-disabled p { margin-bottom: 5px; line-height: 1; }

#university-login .login-form .form-box .register .register-right .register-form .validation-error { font-size: 0.75em; color: #cc2020; }

#university-login .login-form .form-box .register .register-right .register-form .input-group-text.error { color: #cc2020; }

#university-login .login-form .form-box .register .register-right .register-form .input-group-text.ok { color: #208020; }

#university-login .login-form .form-box .register .register-right .register-form .input-group-text.disabled { color: #aaa; }

#university-login .login-form .form-box .register .register-right .register-form button.register { float: right; margin-top: 10%; border: none; border-radius: 1.5rem; padding: 2%; background: #046240; color: #fff !important; font-weight: 700; width: 50%; cursor: pointer; }

#university-login .login-form .form-box .register .register-right .register-form button.register:active, #university-login .login-form .form-box .register .register-right .register-form button.register:focus { outline: none !important; }

#university-login .login-form .form-box .register .register-right .register-form button.register[disabled] { background: #717782; cursor: not-allowed; }

#university-login .login-form .form-box .register .register-right .register-form button.register .spinner { margin-right: 5px; color: #fff; }

#university-login .login-form h4 { margin-bottom: 0; }

#university-login .login-form .card { box-shadow: none !important; background-color: rgba(255, 255, 255, 0.75); }

#university-login .login-form .btn-success { background-color: #046240 !important; }

#university-login .login-form .footer .save-account { display: block; text-align: center; font-size: 1.15em; font-weight: 500; margin: 0 auto; padding: 1em, 20em, 0, 20em; }

#university-login .login-form .footer .save-account.account-save-ok { color: #fff; }

#university-login .login-form .footer .save-account.account-save-error { color: #f00; }

@media screen and (max-width: 575px), (max-width: 990px) { #university-login #login-form #spacer { display: none; } #university-login #login-form .form-box { padding: 10px; } }

#banner { margin-bottom: 0 !important; }

#banner .container { margin-bottom: 0 !important; }

#accelerator * { letter-spacing: normal; }

#accelerator navbar-nav li.nav-item { padding-bottom: 0 !important; }

#accelerator a, #accelerator a:hover, #accelerator a:visited { color: #046240; text-decoration: none; outline: none; cursor: pointer; }

#accelerator a.back-button, #accelerator a.back-button:hover, #accelerator a.back-button:visited { background-image: url(../images/back.png); background-repeat: no-repeat; background-position: 0 0; background-size: contain; min-width: 50px; min-height: 50px; display: block; margin-bottom: 2em; }

#accelerator a.accented, #accelerator a.accented:hover, #accelerator a.accented:visited { font-weight: 700; text-decoration: underline; }

#accelerator a.video:after, #accelerator a.video:hover:after, #accelerator a.video:visited:after { font-family: "Font Awesome\ 5 Brands"; content: "\f27d;"; }

#accelerator .user-menu { margin-bottom: 2em; background-color: #046240; }

#accelerator .user-menu span.navbar-text { display: block; margin-right: 1.5em; color: #fff; }

#accelerator .user-menu a { color: #66ff96; font-weight: 500; padding-bottom: 0 !important; }

#accelerator ul.catalog { list-style: none; display: flex; flex-flow: row wrap; justify-content: space-evenly; }

#accelerator .catalog { margin-bottom: 2em; text-align: center; }

#accelerator .catalog a, #accelerator .catalog a:hover, #accelerator .catalog a:visited { font-size: 1.15em; font-weight: 500; cursor: pointer; }

#accelerator .catalog a.inactive, #accelerator .catalog a.inactive:hover, #accelerator .catalog a.inactive:visited { cursor: not-allowed; }

#accelerator .catalog a.inactive img, #accelerator .catalog a.inactive:hover img, #accelerator .catalog a.inactive:visited img { opacity: 0.5; }

#accelerator .catalog .root { margin-bottom: 1rem; }

#accelerator .login-form { margin-left: -15px; margin-right: -15px; }

#accelerator .register .footer { text-align: center; }

#accelerator .register .footer button.save-button { width: 10em; }

#accelerator .register .register-left { margin-top: 0 !important; }

#accelerator .register .register-left ul { overflow: hidden; list-style: none; }

#accelerator .register .register-left ul li { padding: 3px; text-align: left; margin-bottom: 1.25em; opacity: 1; }

#accelerator .register .register-left ul li.active { opacity: 1 !important; }

#accelerator .register .register-left ul li:not(:hover) { opacity: 0.75; }

#accelerator .register .register-left ul li i { width: 2em; }

#accelerator .register .register-left ul li a { color: #fff !important; font-size: 1.15em; font-weight: 700; }

#accelerator .register .register-right { background-color: transparent !important; border-radius: 0 !important; margin: 0 !important; }

#accelerator .register .register-right .register-form { margin: 0 !important; padding-top: 0 !important; }

#accelerator .digital-resources-box h2 { color: #026141; }

#accelerator .links ul { list-style: none; padding: 0; display: flex; flex-direction: column; flex-wrap: wrap; }

#accelerator .links ul .link-item { margin-bottom: 0.5em; display: inline; }

#accelerator .links ul .link-item img { max-width: 10em; margin-right: 2em; }

#accelerator .disabled-panel { pointer-events: none; }

html { font-size: 16px; }

body { margin: 0; padding: 0; background: #fff; width: 100%; min-width: 360px; background: #fff; }

body, input, select, textarea { color: #333 !important; font-family: "Roboto", Helvetica, sans-serif !important; font-weight: 300 !important; }

a { color: #046240; text-decoration: underline; }

a.footnote, a.reversefootnote { text-decoration: none; }

a.footnote.footnote:hover, a.footnote.reversefootnote:hover, a.reversefootnote.footnote:hover, a.reversefootnote.reversefootnote:hover { text-decoration: underline; }

a img { border: 0; }

a:hover img { opacity: .7; }

a.active { opacity: .45; }

a:hover { text-decoration: none; color: #4f9c00; }

strong, b, .cc-active { font-weight: 700; }

em, i { font-style: italic; }

p { margin: 0 0 1rem 0; line-height: 1.5; }

h1, h2, h3, h4, h5, h6 { font-weight: 300; margin: 0 0 1rem 0; letter-spacing: 0.125rem; }

li { margin-left: 1.25rem; padding-bottom: .5rem; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; text-decoration: none; }

h2 { font-size: 2rem; }

h3 { font-size: 1.25rem; }

h4 { font-size: 1rem; }

h5 { font-size: 0.9rem; }

h6 { font-size: 0.7rem; }

ul, ol { margin-bottom: 1rem; }

.sidebar-link { display: block; margin-bottom: 1.5rem; padding: 1rem 1.5rem; width: 100%; text-decoration: none; font-weight: 700; transition: background .25s; }

.footnotes { margin-top: 3rem; font-size: .8rem; }

.footnotes p { margin: 0; }

.default.alternate-default .card, .default.alternate-default .index-finder-link { margin-left: 4rem; }

.default.alternate-default h2.callout { color: #046240; }

.default.alternate-default h2.callout span { color: #4FB2E5; }

.default.alternate-default .background { background: rgba(79, 178, 229, 0.15); }

.post { margin-top: 140px; }

.post img { width: 100%; }

.default .archive h3 { font-size: 1rem; }

.default .archive .button { padding: .5rem 1rem; line-height: 1; }

sub { font-size: 0.8rem; position: relative; top: 0.5rem; }

sup { font-size: 0.8rem; position: relative; top: -0.125rem; }

hr { border: 0; border-bottom: solid 1px rgba(170, 170, 170, 0.25); margin: 3rem 0; }

hr.major { margin: 2rem 0 5rem 0; }

blockquote { border-left: solid 4px rgba(170, 170, 170, 0.25); font-style: italic; margin: 0 0 2rem 0; padding: 0.5rem 0 0.5rem 2rem; }

.box { padding: 2px 1rem 1rem; border: solid 1px #aaaaaa; transition: all .25s; }

.box:hover { box-shadow: inset 0 0 2px #4f9c00; }

.box:hover img { opacity: .75; }

.box:hover a { color: #4f9c00; }

.box:hover .ortho-suite { background-image: url("/images/prefabricated-inserts-afos-hover.jpg"); }

.box > :last-child, .box > :last-child > :last-child, .box > :last-child > :last-child > :last-child { margin-bottom: 0; }

.box.alt { border: 0; border-radius: 0; padding: 0; }

.box .ortho-suite { width: 100%; padding-bottom: 100%; background-image: url("/images/prefabricated-inserts-afos.jpg"); background-size: 100%; }

.box a, a.box, a.box p { display: block; text-decoration: none; font-weight: 700; }

.embed-responsive { margin: 2rem auto 0; position: relative; width: 100%; padding-bottom: 56.25% !important; }

.embed-responsive-item { position: absolute; top: 0; left: 0; bottom: 0; height: 100%; width: 100%; border: 0; }

.expandable div { transition: all .5s ease; }

.expandable input[type=checkbox] { display: none; }

.expandable > div { max-height: 0; overflow: hidden; width: 99%; }

.expandable input:checked ~ div { padding-top: 1rem; max-height: 3000px; }

/* Hosiery */
section.container.hosiery h2 { text-transform: uppercase; }

section.container.hosiery h2, section.container.hosiery h3 { color: #046240 !important; font-weight: 600; }

section.container.hosiery p { font-size: .8rem; }

section.container.hosiery img { border: solid 1px #aaa; max-width: 565px; }

p.webinar-title { text-indent: 2em; }

/*# sourceMappingURL=style.css.map */