@media only screen and (min-width:481px) { .ms-row { margin: 0 10px 0 10px } .ms-row-flush { margin: 0 -10px 0 -10px } .ms-row>div>.ms-column.small-1, .ms-row>.ms-column.small-1 { width: 8.3333333333%; *width: 7.8333333333%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column.offset-small-1, .ms-row>.ms-column.offset-small-1 { margin-left: 8.3333333333%; *margin-left: 7.8333333333%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column.offset-1, .ms-row>.ms-column.offset-1 { margin-left: 8.3333333333%; *margin-left: 7.8333333333%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px; } .rtl .ms-row>div>.ms-column.offset-small-1, .rtl .ms-row>.ms-column.offset-small-1 { margin-left: 0; *margin-left: 0; margin-right: 8.3333333333%; *margin-right: 7.8333333333%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .rtl .ms-row>div>.ms-column.offset-1, .rtl .ms-row>.ms-column.offset-1 { margin-left: 0; *margin-left: 0; margin-right: 8.3333333333%; *margin-right: 7.8333333333%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row.ms-row-ordered>div>.ms-column.offset-small-1, .ms-row.ms-row-ordered>.ms-column.offset-small-1 { position: absolute; top: 0; left: 0 } .ms-row>div>.ms-column.all-1, .ms-row>.ms-column.all-1 { width: 8.3333333333%; *width: 7.8333333333%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column.small-2, .ms-row>.ms-column.small-2 { width: 16.6666666667%; *width: 16.1666666667%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column.offset-small-2, .ms-row>.ms-column.offset-small-2 { margin-left: 16.6666666667%; *margin-left: 16.1666666667%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column.offset-2, .ms-row>.ms-column.offset-2 { margin-left: 16.6666666667%; *margin-left: 16.1666666667%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .rtl .ms-row>div>.ms-column.offset-small-2, .rtl .ms-row>.ms-column.offset-small-2 { margin-left: 0; *margin-left: 0; margin-right: 16.6666666667%; *margin-right: 16.1666666667%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .rtl .ms-row>div>.ms-column.offset-2, .rtl .ms-row>.ms-column.offset-2 { margin-left: 0; *margin-left: 0; margin-right: 16.6666666667%; *margin-right: 16.1666666667%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row.ms-row-ordered>div>.ms-column.offset-small-2, .ms-row.ms-row-ordered>.ms-column.offset-small-2 { position: absolute; top: 0; left: 0 } .ms-row>div>.ms-column.all-2, .ms-row>.ms-column.all-2 { width: 16.6666666667%; *width: 16.1666666667%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column.small-3, .ms-row>.ms-column.small-3 { width: 25%; *width: 24.5%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column.offset-small-3, .ms-row>.ms-column.offset-small-3 { margin-left: 25%; *margin-left: 24.5%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column.offset-3, .ms-row>.ms-column.offset-3 { margin-left: 25%; *margin-left: 24.5%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .rtl .ms-row>div>.ms-column.offset-small-3, .rtl .ms-row>.ms-column.offset-small-3 { margin-left: 0; *margin-left: 0; margin-right: 25%; *margin-right: 24.5%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .rtl .ms-row>div>.ms-column.offset-3, .rtl .ms-row>.ms-column.offset-3 { margin-left: 0; *margin-left: 0; margin-right: 25%; *margin-right: 24.5%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row.ms-row-ordered>div>.ms-column.offset-small-3, .ms-row.ms-row-ordered>.ms-column.offset-small-3 { position: absolute; top: 0; left: 0 } .ms-row>div>.ms-column.all-3, .ms-row>.ms-column.all-3 { width: 25%; *width: 24.5%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column.small-4, .ms-row>.ms-column.small-4 { width: 33.3333333333%; *width: 32.8333333333%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column.offset-small-4, .ms-row>.ms-column.offset-small-4 { margin-left: 33.3333333333%; *margin-left: 32.8333333333%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column.offset-4, .ms-row>.ms-column.offset-4 { margin-left: 33.3333333333%; *margin-left: 32.8333333333%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .rtl .ms-row>div>.ms-column.offset-small-4, .rtl .ms-row>.ms-column.offset-small-4 { margin-left: 0; *margin-left: 0; margin-right: 33.3333333333%; *margin-right: 32.8333333333%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .rtl .ms-row>div>.ms-column.offset-4, .rtl .ms-row>.ms-column.offset-4 { margin-left: 0; *margin-left: 0; margin-right: 33.3333333333%; *margin-right: 32.8333333333%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row.ms-row-ordered>div>.ms-column.offset-small-4, .ms-row.ms-row-ordered>.ms-column.offset-small-4 { position: absolute; top: 0; left: 0 } .ms-row>div>.ms-column.all-4, .ms-row>.ms-column.all-4 { width: 33.3333333333%; *width: 32.8333333333%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column.small-5, .ms-row>.ms-column.small-5 { width: 41.6666666667%; *width: 41.1666666667%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column.offset-small-5, .ms-row>.ms-column.offset-small-5 { margin-left: 41.6666666667%; *margin-left: 41.1666666667%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column.offset-5, .ms-row>.ms-column.offset-5 { margin-left: 41.6666666667%; *margin-left: 41.1666666667%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .rtl .ms-row>div>.ms-column.offset-small-5, .rtl .ms-row>.ms-column.offset-small-5 { margin-left: 0; *margin-left: 0; margin-right: 41.6666666667%; *margin-right: 41.1666666667%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .rtl .ms-row>div>.ms-column.offset-5, .rtl .ms-row>.ms-column.offset-5 { margin-left: 0; *margin-left: 0; margin-right: 41.6666666667%; *margin-right: 41.1666666667%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row.ms-row-ordered>div>.ms-column.offset-small-5, .ms-row.ms-row-ordered>.ms-column.offset-small-5 { position: absolute; top: 0; left: 0 } .ms-row>div>.ms-column.all-5, .ms-row>.ms-column.all-5 { width: 41.6666666667%; *width: 41.1666666667%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column.small-6, .ms-row>.ms-column.small-6 { width: 50%; *width: 49.5%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column.offset-small-6, .ms-row>.ms-column.offset-small-6 { margin-left: 50%; *margin-left: 49.5%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column.offset-6, .ms-row>.ms-column.offset-6 { margin-left: 50%; *margin-left: 49.5%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .rtl .ms-row>div>.ms-column.offset-small-6, .rtl .ms-row>.ms-column.offset-small-6 { margin-left: 0; *margin-left: 0; margin-right: 50%; *margin-right: 49.5%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .rtl .ms-row>div>.ms-column.offset-6, .rtl .ms-row>.ms-column.offset-6 { margin-left: 0; *margin-left: 0; margin-right: 50%; *margin-right: 49.5%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row.ms-row-ordered>div>.ms-column.offset-small-6, .ms-row.ms-row-ordered>.ms-column.offset-small-6 { position: absolute; top: 0; left: 0 } .ms-row>div>.ms-column.all-6, .ms-row>.ms-column.all-6 { width: 50%; *width: 49.5%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column.small-7, .ms-row>.ms-column.small-7 { width: 58.3333333333%; *width: 57.8333333333%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column.offset-small-7, .ms-row>.ms-column.offset-small-7 { margin-left: 58.3333333333%; *margin-left: 57.8333333333%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column.offset-7, .ms-row>.ms-column.offset-7 { margin-left: 58.3333333333%; *margin-left: 57.8333333333%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .rtl .ms-row>div>.ms-column.offset-small-7, .rtl .ms-row>.ms-column.offset-small-7 { margin-left: 0; *margin-left: 0; margin-right: 58.3333333333%; *margin-right: 57.8333333333%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .rtl .ms-row>div>.ms-column.offset-7, .rtl .ms-row>.ms-column.offset-7 { margin-left: 0; *margin-left: 0; margin-right: 58.3333333333%; *margin-right: 57.8333333333%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row.ms-row-ordered>div>.ms-column.offset-small-7, .ms-row.ms-row-ordered>.ms-column.offset-small-7 { position: absolute; top: 0; left: 0 } .ms-row>div>.ms-column.all-7, .ms-row>.ms-column.all-7 { width: 58.3333333333%; *width: 57.8333333333%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column.small-8, .ms-row>.ms-column.small-8 { width: 66.6666666667%; *width: 66.1666666667%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column.offset-small-8, .ms-row>.ms-column.offset-small-8 { margin-left: 66.6666666667%; *margin-left: 66.1666666667%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column.offset-8, .ms-row>.ms-column.offset-8 { margin-left: 66.6666666667%; *margin-left: 66.1666666667%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .rtl .ms-row>div>.ms-column.offset-small-8, .rtl .ms-row>.ms-column.offset-small-8 { margin-left: 0; *margin-left: 0; margin-right: 66.6666666667%; *margin-right: 66.1666666667%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .rtl .ms-row>div>.ms-column.offset-8, .rtl .ms-row>.ms-column.offset-8 { margin-left: 0; *margin-left: 0; margin-right: 66.6666666667%; *margin-right: 66.1666666667%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row.ms-row-ordered>div>.ms-column.offset-small-8, .ms-row.ms-row-ordered>.ms-column.offset-small-8 { position: absolute; top: 0; left: 0 } .ms-row>div>.ms-column.all-8, .ms-row>.ms-column.all-8 { width: 66.6666666667%; *width: 66.1666666667%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column.small-9, .ms-row>.ms-column.small-9 { width: 75%; *width: 74.5%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column.offset-small-9, .ms-row>.ms-column.offset-small-9 { margin-left: 75%; *margin-left: 74.5%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column.offset-9, .ms-row>.ms-column.offset-9 { margin-left: 75%; *margin-left: 74.5%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .rtl .ms-row>div>.ms-column.offset-small-9, .rtl .ms-row>.ms-column.offset-small-9 { margin-left: 0; *margin-left: 0; margin-right: 75%; *margin-right: 74.5%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .rtl .ms-row>div>.ms-column.offset-9, .rtl .ms-row>.ms-column.offset-9 { margin-left: 0; *margin-left: 0; margin-right: 75%; *margin-right: 74.5%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row.ms-row-ordered>div>.ms-column.offset-small-9, .ms-row.ms-row-ordered>.ms-column.offset-small-9 { position: absolute; top: 0; left: 0 } .ms-row>div>.ms-column.all-9, .ms-row>.ms-column.all-9 { width: 75%; *width: 74.5%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column.small-10, .ms-row>.ms-column.small-10 { width: 83.3333333333%; *width: 82.8333333333%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column.offset-small-10, .ms-row>.ms-column.offset-small-10 { margin-left: 83.3333333333%; *margin-left: 82.8333333333%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column.offset-10, .ms-row>.ms-column.offset-10 { margin-left: 83.3333333333%; *margin-left: 82.8333333333%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .rtl .ms-row>div>.ms-column.offset-small-10, .rtl .ms-row>.ms-column.offset-small-10 { margin-left: 0; *margin-left: 0; margin-right: 83.3333333333%; *margin-right: 82.8333333333%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .rtl .ms-row>div>.ms-column.offset-10, .rtl .ms-row>.ms-column.offset-10 { margin-left: 0; *margin-left: 0; margin-right: 83.3333333333%; *margin-right: 82.8333333333%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row.ms-row-ordered>div>.ms-column.offset-small-10, .ms-row.ms-row-ordered>.ms-column.offset-small-10 { position: absolute; top: 0; left: 0 } .ms-row>div>.ms-column.all-10, .ms-row>.ms-column.all-10 { width: 83.3333333333%; *width: 82.8333333333%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column.small-11, .ms-row>.ms-column.small-11 { width: 91.6666666667%; *width: 91.1666666667%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column.offset-small-11, .ms-row>.ms-column.offset-small-11 { margin-left: 91.6666666667%; *margin-left: 91.1666666667%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column.offset-11, .ms-row>.ms-column.offset-11 { margin-left: 91.6666666667%; *margin-left: 91.1666666667%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .rtl .ms-row>div>.ms-column.offset-small-11, .rtl .ms-row>.ms-column.offset-small-11 { margin-left: 0; *margin-left: 0; margin-right: 91.6666666667%; *margin-right: 91.1666666667%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .rtl .ms-row>div>.ms-column.offset-11, .rtl .ms-row>.ms-column.offset-11 { margin-left: 0; *margin-left: 0; margin-right: 91.6666666667%; *margin-right: 91.1666666667%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row.ms-row-ordered>div>.ms-column.offset-small-11, .ms-row.ms-row-ordered>.ms-column.offset-small-11 { position: absolute; top: 0; left: 0 } .ms-row>div>.ms-column.all-11, .ms-row>.ms-column.all-11 { width: 91.6666666667%; *width: 91.1666666667%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column.small-12, .ms-row>.ms-column.small-12 { width: 100%; *width: 99.5%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column.offset-small-12, .ms-row>.ms-column.offset-small-12 { margin-left: 100%; *margin-left: 99.5%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column.offset-12, .ms-row>.ms-column.offset-12 { margin-left: 100%; *margin-left: 99.5%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .rtl .ms-row>div>.ms-column.offset-small-12, .rtl .ms-row>.ms-column.offset-small-12 { margin-left: 0; *margin-left: 0; margin-right: 100%; *margin-right: 99.5%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .rtl .ms-row>div>.ms-column.offset-12, .rtl .ms-row>.ms-column.offset-12 { margin-left: 0; *margin-left: 0; margin-right: 100%; *margin-right: 99.5%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row.ms-row-ordered>div>.ms-column.offset-small-12, .ms-row.ms-row-ordered>.ms-column.offset-small-12 { position: absolute; top: 0; left: 0 } .ms-row>div>.ms-column.all-12, .ms-row>.ms-column.all-12 { width: 100%; *width: 99.5%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column:after, .ms-row>.ms-column:after { content: ''; position: absolute; top: 0; left: 10px; right: 10px; bottom: 20px; z-index: -1 } .ms-row>div>.ms-column.ms-column-flush, .ms-row>.ms-column.ms-column-flush { padding: 0 } } @media only screen and (min-width:601px) { .ms-row { margin: 0 10px 0 10px } .ms-row-flush { margin: 0 -10px 0 -10px } .ms-row>div>.ms-column.medium-1, .ms-row>.ms-column.medium-1 { width: 8.3333333333%; *width: 7.8333333333%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column.offset-medium-1, .ms-row>.ms-column.offset-medium-1 { margin-left: 8.3333333333%; *margin-left: 7.8333333333%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column.offset-1, .ms-row>.ms-column.offset-1 { margin-left: 8.3333333333%; *margin-left: 7.8333333333%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .rtl .ms-row>div>.ms-column.offset-medium-1, .rtl .ms-row>.ms-column.offset-medium-1 { margin-left: 0; *margin-left: 0; margin-right: 8.3333333333%; *margin-right: 7.8333333333%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .rtl .ms-row>div>.ms-column.offset-1, .rtl .ms-row>.ms-column.offset-1 { margin-left: 0; *margin-left: 0; margin-right: 8.3333333333%; *margin-right: 7.8333333333%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row.ms-row-ordered>div>.ms-column.offset-medium-1, .ms-row.ms-row-ordered>.ms-column.offset-medium-1 { position: absolute; top: 0; left: 0 } .ms-row>div>.ms-column.all-1, .ms-row>.ms-column.all-1 { width: 8.3333333333%; *width: 7.8333333333%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column.medium-2, .ms-row>.ms-column.medium-2 { width: 16.6666666667%; *width: 16.1666666667%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column.offset-medium-2, .ms-row>.ms-column.offset-medium-2 { margin-left: 16.6666666667%; *margin-left: 16.1666666667%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column.offset-2, .ms-row>.ms-column.offset-2 { margin-left: 16.6666666667%; *margin-left: 16.1666666667%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .rtl .ms-row>div>.ms-column.offset-medium-2, .rtl .ms-row>.ms-column.offset-medium-2 { margin-left: 0; *margin-left: 0; margin-right: 16.6666666667%; *margin-right: 16.1666666667%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .rtl .ms-row>div>.ms-column.offset-2, .rtl .ms-row>.ms-column.offset-2 { margin-left: 0; *margin-left: 0; margin-right: 16.6666666667%; *margin-right: 16.1666666667%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row.ms-row-ordered>div>.ms-column.offset-medium-2, .ms-row.ms-row-ordered>.ms-column.offset-medium-2 { position: absolute; top: 0; left: 0 } .ms-row>div>.ms-column.all-2, .ms-row>.ms-column.all-2 { width: 16.6666666667%; *width: 16.1666666667%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column.medium-3, .ms-row>.ms-column.medium-3 { width: 25%; *width: 24.5%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column.offset-medium-3, .ms-row>.ms-column.offset-medium-3 { margin-left: 25%; *margin-left: 24.5%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column.offset-3, .ms-row>.ms-column.offset-3 { margin-left: 25%; *margin-left: 24.5%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .rtl .ms-row>div>.ms-column.offset-medium-3, .rtl .ms-row>.ms-column.offset-medium-3 { margin-left: 0; *margin-left: 0; margin-right: 25%; *margin-right: 24.5%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .rtl .ms-row>div>.ms-column.offset-3, .rtl .ms-row>.ms-column.offset-3 { margin-left: 0; *margin-left: 0; margin-right: 25%; *margin-right: 24.5%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row.ms-row-ordered>div>.ms-column.offset-medium-3, .ms-row.ms-row-ordered>.ms-column.offset-medium-3 { position: absolute; top: 0; left: 0 } .ms-row>div>.ms-column.all-3, .ms-row>.ms-column.all-3 { width: 25%; *width: 24.5%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column.medium-4, .ms-row>.ms-column.medium-4 { width: 33.3333333333%; *width: 32.8333333333%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column.offset-medium-4, .ms-row>.ms-column.offset-medium-4 { margin-left: 33.3333333333%; *margin-left: 32.8333333333%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column.offset-4, .ms-row>.ms-column.offset-4 { margin-left: 33.3333333333%; *margin-left: 32.8333333333%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .rtl .ms-row>div>.ms-column.offset-medium-4, .rtl .ms-row>.ms-column.offset-medium-4 { margin-left: 0; *margin-left: 0; margin-right: 33.3333333333%; *margin-right: 32.8333333333%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .rtl .ms-row>div>.ms-column.offset-4, .rtl .ms-row>.ms-column.offset-4 { margin-left: 0; *margin-left: 0; margin-right: 33.3333333333%; *margin-right: 32.8333333333%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row.ms-row-ordered>div>.ms-column.offset-medium-4, .ms-row.ms-row-ordered>.ms-column.offset-medium-4 { position: absolute; top: 0; left: 0 } .ms-row>div>.ms-column.all-4, .ms-row>.ms-column.all-4 { width: 33.3333333333%; *width: 32.8333333333%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column.medium-5, .ms-row>.ms-column.medium-5 { width: 41.6666666667%; *width: 41.1666666667%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column.offset-medium-5, .ms-row>.ms-column.offset-medium-5 { margin-left: 41.6666666667%; *margin-left: 41.1666666667%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column.offset-5, .ms-row>.ms-column.offset-5 { margin-left: 41.6666666667%; *margin-left: 41.1666666667%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .rtl .ms-row>div>.ms-column.offset-medium-5, .rtl .ms-row>.ms-column.offset-medium-5 { margin-left: 0; *margin-left: 0; margin-right: 41.6666666667%; *margin-right: 41.1666666667%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .rtl .ms-row>div>.ms-column.offset-5, .rtl .ms-row>.ms-column.offset-5 { margin-left: 0; *margin-left: 0; margin-right: 41.6666666667%; *margin-right: 41.1666666667%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row.ms-row-ordered>div>.ms-column.offset-medium-5, .ms-row.ms-row-ordered>.ms-column.offset-medium-5 { position: absolute; top: 0; left: 0 } .ms-row>div>.ms-column.all-5, .ms-row>.ms-column.all-5 { width: 41.6666666667%; *width: 41.1666666667%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column.medium-6, .ms-row>.ms-column.medium-6 { width: 50%; *width: 49.5%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column.offset-medium-6, .ms-row>.ms-column.offset-medium-6 { margin-left: 50%; *margin-left: 49.5%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column.offset-6, .ms-row>.ms-column.offset-6 { margin-left: 50%; *margin-left: 49.5%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .rtl .ms-row>div>.ms-column.offset-medium-6, .rtl .ms-row>.ms-column.offset-medium-6 { margin-left: 0; *margin-left: 0; margin-right: 50%; *margin-right: 49.5%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .rtl .ms-row>div>.ms-column.offset-6, .rtl .ms-row>.ms-column.offset-6 { margin-left: 0; *margin-left: 0; margin-right: 50%; *margin-right: 49.5%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row.ms-row-ordered>div>.ms-column.offset-medium-6, .ms-row.ms-row-ordered>.ms-column.offset-medium-6 { position: absolute; top: 0; left: 0 } .ms-row>div>.ms-column.all-6, .ms-row>.ms-column.all-6 { width: 50%; *width: 49.5%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column.medium-7, .ms-row>.ms-column.medium-7 { width: 58.3333333333%; *width: 57.8333333333%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column.offset-medium-7, .ms-row>.ms-column.offset-medium-7 { margin-left: 58.3333333333%; *margin-left: 57.8333333333%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column.offset-7, .ms-row>.ms-column.offset-7 { margin-left: 58.3333333333%; *margin-left: 57.8333333333%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .rtl .ms-row>div>.ms-column.offset-medium-7, .rtl .ms-row>.ms-column.offset-medium-7 { margin-left: 0; *margin-left: 0; margin-right: 58.3333333333%; *margin-right: 57.8333333333%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .rtl .ms-row>div>.ms-column.offset-7, .rtl .ms-row>.ms-column.offset-7 { margin-left: 0; *margin-left: 0; margin-right: 58.3333333333%; *margin-right: 57.8333333333%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row.ms-row-ordered>div>.ms-column.offset-medium-7, .ms-row.ms-row-ordered>.ms-column.offset-medium-7 { position: absolute; top: 0; left: 0 } .ms-row>div>.ms-column.all-7, .ms-row>.ms-column.all-7 { width: 58.3333333333%; *width: 57.8333333333%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column.medium-8, .ms-row>.ms-column.medium-8 { width: 66.6666666667%; *width: 66.1666666667%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column.offset-medium-8, .ms-row>.ms-column.offset-medium-8 { margin-left: 66.6666666667%; *margin-left: 66.1666666667%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column.offset-8, .ms-row>.ms-column.offset-8 { margin-left: 66.6666666667%; *margin-left: 66.1666666667%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .rtl .ms-row>div>.ms-column.offset-medium-8, .rtl .ms-row>.ms-column.offset-medium-8 { margin-left: 0; *margin-left: 0; margin-right: 66.6666666667%; *margin-right: 66.1666666667%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .rtl .ms-row>div>.ms-column.offset-8, .rtl .ms-row>.ms-column.offset-8 { margin-left: 0; *margin-left: 0; margin-right: 66.6666666667%; *margin-right: 66.1666666667%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row.ms-row-ordered>div>.ms-column.offset-medium-8, .ms-row.ms-row-ordered>.ms-column.offset-medium-8 { position: absolute; top: 0; left: 0 } .ms-row>div>.ms-column.all-8, .ms-row>.ms-column.all-8 { width: 66.6666666667%; *width: 66.1666666667%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column.medium-9, .ms-row>.ms-column.medium-9 { width: 75%; *width: 74.5%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column.offset-medium-9, .ms-row>.ms-column.offset-medium-9 { margin-left: 75%; *margin-left: 74.5%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column.offset-9, .ms-row>.ms-column.offset-9 { margin-left: 75%; *margin-left: 74.5%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .rtl .ms-row>div>.ms-column.offset-medium-9, .rtl .ms-row>.ms-column.offset-medium-9 { margin-left: 0; *margin-left: 0; margin-right: 75%; *margin-right: 74.5%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .rtl .ms-row>div>.ms-column.offset-9, .rtl .ms-row>.ms-column.offset-9 { margin-left: 0; *margin-left: 0; margin-right: 75%; *margin-right: 74.5%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row.ms-row-ordered>div>.ms-column.offset-medium-9, .ms-row.ms-row-ordered>.ms-column.offset-medium-9 { position: absolute; top: 0; left: 0 } .ms-row>div>.ms-column.all-9, .ms-row>.ms-column.all-9 { width: 75%; *width: 74.5%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column.medium-10, .ms-row>.ms-column.medium-10 { width: 83.3333333333%; *width: 82.8333333333%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column.offset-medium-10, .ms-row>.ms-column.offset-medium-10 { margin-left: 83.3333333333%; *margin-left: 82.8333333333%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column.offset-10, .ms-row>.ms-column.offset-10 { margin-left: 83.3333333333%; *margin-left: 82.8333333333%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .rtl .ms-row>div>.ms-column.offset-medium-10, .rtl .ms-row>.ms-column.offset-medium-10 { margin-left: 0; *margin-left: 0; margin-right: 83.3333333333%; *margin-right: 82.8333333333%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .rtl .ms-row>div>.ms-column.offset-10, .rtl .ms-row>.ms-column.offset-10 { margin-left: 0; *margin-left: 0; margin-right: 83.3333333333%; *margin-right: 82.8333333333%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row.ms-row-ordered>div>.ms-column.offset-medium-10, .ms-row.ms-row-ordered>.ms-column.offset-medium-10 { position: absolute; top: 0; left: 0 } .ms-row>div>.ms-column.all-10, .ms-row>.ms-column.all-10 { width: 83.3333333333%; *width: 82.8333333333%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column.medium-11, .ms-row>.ms-column.medium-11 { width: 91.6666666667%; *width: 91.1666666667%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column.offset-medium-11, .ms-row>.ms-column.offset-medium-11 { margin-left: 91.6666666667%; *margin-left: 91.1666666667%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column.offset-11, .ms-row>.ms-column.offset-11 { margin-left: 91.6666666667%; *margin-left: 91.1666666667%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .rtl .ms-row>div>.ms-column.offset-medium-11, .rtl .ms-row>.ms-column.offset-medium-11 { margin-left: 0; *margin-left: 0; margin-right: 91.6666666667%; *margin-right: 91.1666666667%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .rtl .ms-row>div>.ms-column.offset-11, .rtl .ms-row>.ms-column.offset-11 { margin-left: 0; *margin-left: 0; margin-right: 91.6666666667%; *margin-right: 91.1666666667%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row.ms-row-ordered>div>.ms-column.offset-medium-11, .ms-row.ms-row-ordered>.ms-column.offset-medium-11 { position: absolute; top: 0; left: 0 } .ms-row>div>.ms-column.all-11, .ms-row>.ms-column.all-11 { width: 91.6666666667%; *width: 91.1666666667%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column.medium-12, .ms-row>.ms-column.medium-12 { width: 100%; *width: 99.5%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column.offset-medium-12, .ms-row>.ms-column.offset-medium-12 { margin-left: 100%; *margin-left: 99.5%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column.offset-12, .ms-row>.ms-column.offset-12 { margin-left: 100%; *margin-left: 99.5%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .rtl .ms-row>div>.ms-column.offset-medium-12, .rtl .ms-row>.ms-column.offset-medium-12 { margin-left: 0; *margin-left: 0; margin-right: 100%; *margin-right: 99.5%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .rtl .ms-row>div>.ms-column.offset-12, .rtl .ms-row>.ms-column.offset-12 { margin-left: 0; *margin-left: 0; margin-right: 100%; *margin-right: 99.5%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row.ms-row-ordered>div>.ms-column.offset-medium-12, .ms-row.ms-row-ordered>.ms-column.offset-medium-12 { position: absolute; top: 0; left: 0 } .ms-row>div>.ms-column.all-12, .ms-row>.ms-column.all-12 { width: 100%; *width: 99.5%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column:after, .ms-row>.ms-column:after { content: ''; position: absolute; top: 0; left: 10px; right: 10px; bottom: 20px; z-index: -1 } .ms-row>div>.ms-column.ms-column-flush, .ms-row>.ms-column.ms-column-flush { padding: 0 } } @media only screen and (min-width:985px) { .ms-row { margin: 0 10px 0 10px } .ms-row-flush { margin: 0 -10px 0 -10px } .ms-row>div>.ms-column.medlarge-1, .ms-row>.ms-column.medlarge-1 { width: 8.3333333333%; *width: 7.8333333333%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column.offset-medlarge-1, .ms-row>.ms-column.offset-medlarge-1 { margin-left: 8.3333333333%; *margin-left: 7.8333333333%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column.offset-1, .ms-row>.ms-column.offset-1 { margin-left: 8.3333333333%; *margin-left: 7.8333333333%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .rtl .ms-row>div>.ms-column.offset-medlarge-1, .rtl .ms-row>.ms-column.offset-medlarge-1 { margin-left: 0; *margin-left: 0; margin-right: 8.3333333333%; *margin-right: 7.8333333333%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .rtl .ms-row>div>.ms-column.offset-1, .rtl .ms-row>.ms-column.offset-1 { margin-left: 0; *margin-left: 0; margin-right: 8.3333333333%; *margin-right: 7.8333333333%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row.ms-row-ordered>div>.ms-column.offset-medlarge-1, .ms-row.ms-row-ordered>.ms-column.offset-medlarge-1 { position: absolute; top: 0; left: 0 } .ms-row>div>.ms-column.all-1, .ms-row>.ms-column.all-1 { width: 8.3333333333%; *width: 7.8333333333%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column.medlarge-2, .ms-row>.ms-column.medlarge-2 { width: 16.6666666667%; *width: 16.1666666667%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column.offset-medlarge-2, .ms-row>.ms-column.offset-medlarge-2 { margin-left: 16.6666666667%; *margin-left: 16.1666666667%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column.offset-2, .ms-row>.ms-column.offset-2 { margin-left: 16.6666666667%; *margin-left: 16.1666666667%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .rtl .ms-row>div>.ms-column.offset-medlarge-2, .rtl .ms-row>.ms-column.offset-medlarge-2 { margin-left: 0; *margin-left: 0; margin-right: 16.6666666667%; *margin-right: 16.1666666667%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .rtl .ms-row>div>.ms-column.offset-2, .rtl .ms-row>.ms-column.offset-2 { margin-left: 0; *margin-left: 0; margin-right: 16.6666666667%; *margin-right: 16.1666666667%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row.ms-row-ordered>div>.ms-column.offset-medlarge-2, .ms-row.ms-row-ordered>.ms-column.offset-medlarge-2 { position: absolute; top: 0; left: 0 } .ms-row>div>.ms-column.all-2, .ms-row>.ms-column.all-2 { width: 16.6666666667%; *width: 16.1666666667%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column.medlarge-3, .ms-row>.ms-column.medlarge-3 { width: 25%; *width: 24.5%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column.offset-medlarge-3, .ms-row>.ms-column.offset-medlarge-3 { margin-left: 25%; *margin-left: 24.5%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column.offset-3, .ms-row>.ms-column.offset-3 { margin-left: 25%; *margin-left: 24.5%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .rtl .ms-row>div>.ms-column.offset-medlarge-3, .rtl .ms-row>.ms-column.offset-medlarge-3 { margin-left: 0; *margin-left: 0; margin-right: 25%; *margin-right: 24.5%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .rtl .ms-row>div>.ms-column.offset-3, .rtl .ms-row>.ms-column.offset-3 { margin-left: 0; *margin-left: 0; margin-right: 25%; *margin-right: 24.5%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row.ms-row-ordered>div>.ms-column.offset-medlarge-3, .ms-row.ms-row-ordered>.ms-column.offset-medlarge-3 { position: absolute; top: 0; left: 0 } .ms-row>div>.ms-column.all-3, .ms-row>.ms-column.all-3 { width: 25%; *width: 24.5%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column.medlarge-4, .ms-row>.ms-column.medlarge-4 { width: 33.3333333333%; *width: 32.8333333333%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column.offset-medlarge-4, .ms-row>.ms-column.offset-medlarge-4 { margin-left: 33.3333333333%; *margin-left: 32.8333333333%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column.offset-4, .ms-row>.ms-column.offset-4 { margin-left: 33.3333333333%; *margin-left: 32.8333333333%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .rtl .ms-row>div>.ms-column.offset-medlarge-4, .rtl .ms-row>.ms-column.offset-medlarge-4 { margin-left: 0; *margin-left: 0; margin-right: 33.3333333333%; *margin-right: 32.8333333333%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .rtl .ms-row>div>.ms-column.offset-4, .rtl .ms-row>.ms-column.offset-4 { margin-left: 0; *margin-left: 0; margin-right: 33.3333333333%; *margin-right: 32.8333333333%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row.ms-row-ordered>div>.ms-column.offset-medlarge-4, .ms-row.ms-row-ordered>.ms-column.offset-medlarge-4 { position: absolute; top: 0; left: 0 } .ms-row>div>.ms-column.all-4, .ms-row>.ms-column.all-4 { width: 33.3333333333%; *width: 32.8333333333%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column.medlarge-5, .ms-row>.ms-column.medlarge-5 { width: 41.6666666667%; *width: 41.1666666667%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column.offset-medlarge-5, .ms-row>.ms-column.offset-medlarge-5 { margin-left: 41.6666666667%; *margin-left: 41.1666666667%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column.offset-5, .ms-row>.ms-column.offset-5 { margin-left: 41.6666666667%; *margin-left: 41.1666666667%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .rtl .ms-row>div>.ms-column.offset-medlarge-5, .rtl .ms-row>.ms-column.offset-medlarge-5 { margin-left: 0; *margin-left: 0; margin-right: 41.6666666667%; *margin-right: 41.1666666667%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .rtl .ms-row>div>.ms-column.offset-5, .rtl .ms-row>.ms-column.offset-5 { margin-left: 0; *margin-left: 0; margin-right: 41.6666666667%; *margin-right: 41.1666666667%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row.ms-row-ordered>div>.ms-column.offset-medlarge-5, .ms-row.ms-row-ordered>.ms-column.offset-medlarge-5 { position: absolute; top: 0; left: 0 } .ms-row>div>.ms-column.all-5, .ms-row>.ms-column.all-5 { width: 41.6666666667%; *width: 41.1666666667%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column.medlarge-6, .ms-row>.ms-column.medlarge-6 { width: 50%; *width: 49.5%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column.offset-medlarge-6, .ms-row>.ms-column.offset-medlarge-6 { margin-left: 50%; *margin-left: 49.5%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column.offset-6, .ms-row>.ms-column.offset-6 { margin-left: 50%; *margin-left: 49.5%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .rtl .ms-row>div>.ms-column.offset-medlarge-6, .rtl .ms-row>.ms-column.offset-medlarge-6 { margin-left: 0; *margin-left: 0; margin-right: 50%; *margin-right: 49.5%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .rtl .ms-row>div>.ms-column.offset-6, .rtl .ms-row>.ms-column.offset-6 { margin-left: 0; *margin-left: 0; margin-right: 50%; *margin-right: 49.5%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row.ms-row-ordered>div>.ms-column.offset-medlarge-6, .ms-row.ms-row-ordered>.ms-column.offset-medlarge-6 { position: absolute; top: 0; left: 0 } .ms-row>div>.ms-column.all-6, .ms-row>.ms-column.all-6 { width: 50%; *width: 49.5%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column.medlarge-7, .ms-row>.ms-column.medlarge-7 { width: 58.3333333333%; *width: 57.8333333333%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column.offset-medlarge-7, .ms-row>.ms-column.offset-medlarge-7 { margin-left: 58.3333333333%; *margin-left: 57.8333333333%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column.offset-7, .ms-row>.ms-column.offset-7 { margin-left: 58.3333333333%; *margin-left: 57.8333333333%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .rtl .ms-row>div>.ms-column.offset-medlarge-7, .rtl .ms-row>.ms-column.offset-medlarge-7 { margin-left: 0; *margin-left: 0; margin-right: 58.3333333333%; *margin-right: 57.8333333333%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .rtl .ms-row>div>.ms-column.offset-7, .rtl .ms-row>.ms-column.offset-7 { margin-left: 0; *margin-left: 0; margin-right: 58.3333333333%; *margin-right: 57.8333333333%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row.ms-row-ordered>div>.ms-column.offset-medlarge-7, .ms-row.ms-row-ordered>.ms-column.offset-medlarge-7 { position: absolute; top: 0; left: 0 } .ms-row>div>.ms-column.all-7, .ms-row>.ms-column.all-7 { width: 58.3333333333%; *width: 57.8333333333%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column.medlarge-8, .ms-row>.ms-column.medlarge-8 { width: 66.6666666667%; *width: 66.1666666667%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column.offset-medlarge-8, .ms-row>.ms-column.offset-medlarge-8 { margin-left: 66.6666666667%; *margin-left: 66.1666666667%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column.offset-8, .ms-row>.ms-column.offset-8 { margin-left: 66.6666666667%; *margin-left: 66.1666666667%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .rtl .ms-row>div>.ms-column.offset-medlarge-8, .rtl .ms-row>.ms-column.offset-medlarge-8 { margin-left: 0; *margin-left: 0; margin-right: 66.6666666667%; *margin-right: 66.1666666667%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .rtl .ms-row>div>.ms-column.offset-8, .rtl .ms-row>.ms-column.offset-8 { margin-left: 0; *margin-left: 0; margin-right: 66.6666666667%; *margin-right: 66.1666666667%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row.ms-row-ordered>div>.ms-column.offset-medlarge-8, .ms-row.ms-row-ordered>.ms-column.offset-medlarge-8 { position: absolute; top: 0; left: 0 } .ms-row>div>.ms-column.all-8, .ms-row>.ms-column.all-8 { width: 66.6666666667%; *width: 66.1666666667%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column.medlarge-9, .ms-row>.ms-column.medlarge-9 { width: 75%; *width: 74.5%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column.offset-medlarge-9, .ms-row>.ms-column.offset-medlarge-9 { margin-left: 75%; *margin-left: 74.5%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column.offset-9, .ms-row>.ms-column.offset-9 { margin-left: 75%; *margin-left: 74.5%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .rtl .ms-row>div>.ms-column.offset-medlarge-9, .rtl .ms-row>.ms-column.offset-medlarge-9 { margin-left: 0; *margin-left: 0; margin-right: 75%; *margin-right: 74.5%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .rtl .ms-row>div>.ms-column.offset-9, .rtl .ms-row>.ms-column.offset-9 { margin-left: 0; *margin-left: 0; margin-right: 75%; *margin-right: 74.5%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row.ms-row-ordered>div>.ms-column.offset-medlarge-9, .ms-row.ms-row-ordered>.ms-column.offset-medlarge-9 { position: absolute; top: 0; left: 0 } .ms-row>div>.ms-column.all-9, .ms-row>.ms-column.all-9 { width: 75%; *width: 74.5%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column.medlarge-10, .ms-row>.ms-column.medlarge-10 { width: 83.3333333333%; *width: 82.8333333333%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column.offset-medlarge-10, .ms-row>.ms-column.offset-medlarge-10 { margin-left: 83.3333333333%; *margin-left: 82.8333333333%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column.offset-10, .ms-row>.ms-column.offset-10 { margin-left: 83.3333333333%; *margin-left: 82.8333333333%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .rtl .ms-row>div>.ms-column.offset-medlarge-10, .rtl .ms-row>.ms-column.offset-medlarge-10 { margin-left: 0; *margin-left: 0; margin-right: 83.3333333333%; *margin-right: 82.8333333333%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .rtl .ms-row>div>.ms-column.offset-10, .rtl .ms-row>.ms-column.offset-10 { margin-left: 0; *margin-left: 0; margin-right: 83.3333333333%; *margin-right: 82.8333333333%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row.ms-row-ordered>div>.ms-column.offset-medlarge-10, .ms-row.ms-row-ordered>.ms-column.offset-medlarge-10 { position: absolute; top: 0; left: 0 } .ms-row>div>.ms-column.all-10, .ms-row>.ms-column.all-10 { width: 83.3333333333%; *width: 82.8333333333%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column.medlarge-11, .ms-row>.ms-column.medlarge-11 { width: 91.6666666667%; *width: 91.1666666667%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column.offset-medlarge-11, .ms-row>.ms-column.offset-medlarge-11 { margin-left: 91.6666666667%; *margin-left: 91.1666666667%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column.offset-11, .ms-row>.ms-column.offset-11 { margin-left: 91.6666666667%; *margin-left: 91.1666666667%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .rtl .ms-row>div>.ms-column.offset-medlarge-11, .rtl .ms-row>.ms-column.offset-medlarge-11 { margin-left: 0; *margin-left: 0; margin-right: 91.6666666667%; *margin-right: 91.1666666667%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .rtl .ms-row>div>.ms-column.offset-11, .rtl .ms-row>.ms-column.offset-11 { margin-left: 0; *margin-left: 0; margin-right: 91.6666666667%; *margin-right: 91.1666666667%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row.ms-row-ordered>div>.ms-column.offset-medlarge-11, .ms-row.ms-row-ordered>.ms-column.offset-medlarge-11 { position: absolute; top: 0; left: 0 } .ms-row>div>.ms-column.all-11, .ms-row>.ms-column.all-11 { width: 91.6666666667%; *width: 91.1666666667%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column.medlarge-12, .ms-row>.ms-column.medlarge-12 { width: 100%; *width: 99.5%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column.offset-medlarge-12, .ms-row>.ms-column.offset-medlarge-12 { margin-left: 100%; *margin-left: 99.5%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column.offset-12, .ms-row>.ms-column.offset-12 { margin-left: 100%; *margin-left: 99.5%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .rtl .ms-row>div>.ms-column.offset-medlarge-12, .rtl .ms-row>.ms-column.offset-medlarge-12 { margin-left: 0; *margin-left: 0; margin-right: 100%; *margin-right: 99.5%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .rtl .ms-row>div>.ms-column.offset-12, .rtl .ms-row>.ms-column.offset-12 { margin-left: 0; *margin-left: 0; margin-right: 100%; *margin-right: 99.5%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row.ms-row-ordered>div>.ms-column.offset-medlarge-12, .ms-row.ms-row-ordered>.ms-column.offset-medlarge-12 { position: absolute; top: 0; left: 0 } .ms-row>div>.ms-column.all-12, .ms-row>.ms-column.all-12 { width: 100%; *width: 99.5%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column:after, .ms-row>.ms-column:after { content: ''; position: absolute; top: 0; left: 10px; right: 10px; bottom: 20px; z-index: -1 } .ms-row>div>.ms-column.ms-column-flush, .ms-row>.ms-column.ms-column-flush { padding: 0 } } @media only screen and (min-width:1025px) { .ms-row { margin: 0 10px 0 10px } .ms-row-flush { margin: 0 -10px 0 -10px } .ms-row>div>.ms-column.large-1, .ms-row>.ms-column.large-1 { width: 8.3333333333%; *width: 7.8333333333%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column.offset-large-1, .ms-row>.ms-column.offset-large-1 { margin-left: 8.3333333333%; *margin-left: 7.8333333333%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column.offset-1, .ms-row>.ms-column.offset-1 { margin-left: 8.3333333333%; *margin-left: 7.8333333333%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .rtl .ms-row>div>.ms-column.offset-large-1, .rtl .ms-row>.ms-column.offset-large-1 { margin-left: 0; *margin-left: 0; margin-right: 8.3333333333%; *margin-right: 7.8333333333%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .rtl .ms-row>div>.ms-column.offset-1, .rtl .ms-row>.ms-column.offset-1 { margin-left: 0; *margin-left: 0; margin-right: 8.3333333333%; *margin-right: 7.8333333333%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row.ms-row-ordered>div>.ms-column.offset-large-1, .ms-row.ms-row-ordered>.ms-column.offset-large-1 { position: absolute; top: 0; left: 0 } .ms-row>div>.ms-column.all-1, .ms-row>.ms-column.all-1 { width: 8.3333333333%; *width: 7.8333333333%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column.large-2, .ms-row>.ms-column.large-2 { width: 16.6666666667%; *width: 16.1666666667%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column.offset-large-2, .ms-row>.ms-column.offset-large-2 { margin-left: 16.6666666667%; *margin-left: 16.1666666667%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column.offset-2, .ms-row>.ms-column.offset-2 { margin-left: 16.6666666667%; *margin-left: 16.1666666667%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .rtl .ms-row>div>.ms-column.offset-large-2, .rtl .ms-row>.ms-column.offset-large-2 { margin-left: 0; *margin-left: 0; margin-right: 16.6666666667%; *margin-right: 16.1666666667%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .rtl .ms-row>div>.ms-column.offset-2, .rtl .ms-row>.ms-column.offset-2 { margin-left: 0; *margin-left: 0; margin-right: 16.6666666667%; *margin-right: 16.1666666667%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row.ms-row-ordered>div>.ms-column.offset-large-2, .ms-row.ms-row-ordered>.ms-column.offset-large-2 { position: absolute; top: 0; left: 0 } .ms-row>div>.ms-column.all-2, .ms-row>.ms-column.all-2 { width: 16.6666666667%; *width: 16.1666666667%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column.large-3, .ms-row>.ms-column.large-3 { width: 25%; *width: 24.5%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column.offset-large-3, .ms-row>.ms-column.offset-large-3 { margin-left: 25%; *margin-left: 24.5%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column.offset-3, .ms-row>.ms-column.offset-3 { margin-left: 25%; *margin-left: 24.5%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .rtl .ms-row>div>.ms-column.offset-large-3, .rtl .ms-row>.ms-column.offset-large-3 { margin-left: 0; *margin-left: 0; margin-right: 25%; *margin-right: 24.5%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .rtl .ms-row>div>.ms-column.offset-3, .rtl .ms-row>.ms-column.offset-3 { margin-left: 0; *margin-left: 0; margin-right: 25%; *margin-right: 24.5%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row.ms-row-ordered>div>.ms-column.offset-large-3, .ms-row.ms-row-ordered>.ms-column.offset-large-3 { position: absolute; top: 0; left: 0 } .ms-row>div>.ms-column.all-3, .ms-row>.ms-column.all-3 { width: 25%; *width: 24.5%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column.large-4, .ms-row>.ms-column.large-4 { width: 33.3333333333%; *width: 32.8333333333%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column.offset-large-4, .ms-row>.ms-column.offset-large-4 { margin-left: 33.3333333333%; *margin-left: 32.8333333333%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column.offset-4, .ms-row>.ms-column.offset-4 { margin-left: 33.3333333333%; *margin-left: 32.8333333333%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .rtl .ms-row>div>.ms-column.offset-large-4, .rtl .ms-row>.ms-column.offset-large-4 { margin-left: 0; *margin-left: 0; margin-right: 33.3333333333%; *margin-right: 32.8333333333%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .rtl .ms-row>div>.ms-column.offset-4, .rtl .ms-row>.ms-column.offset-4 { margin-left: 0; *margin-left: 0; margin-right: 33.3333333333%; *margin-right: 32.8333333333%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row.ms-row-ordered>div>.ms-column.offset-large-4, .ms-row.ms-row-ordered>.ms-column.offset-large-4 { position: absolute; top: 0; left: 0 } .ms-row>div>.ms-column.all-4, .ms-row>.ms-column.all-4 { width: 33.3333333333%; *width: 32.8333333333%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column.large-5, .ms-row>.ms-column.large-5 { width: 41.6666666667%; *width: 41.1666666667%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column.offset-large-5, .ms-row>.ms-column.offset-large-5 { margin-left: 41.6666666667%; *margin-left: 41.1666666667%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column.offset-5, .ms-row>.ms-column.offset-5 { margin-left: 41.6666666667%; *margin-left: 41.1666666667%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .rtl .ms-row>div>.ms-column.offset-large-5, .rtl .ms-row>.ms-column.offset-large-5 { margin-left: 0; *margin-left: 0; margin-right: 41.6666666667%; *margin-right: 41.1666666667%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .rtl .ms-row>div>.ms-column.offset-5, .rtl .ms-row>.ms-column.offset-5 { margin-left: 0; *margin-left: 0; margin-right: 41.6666666667%; *margin-right: 41.1666666667%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row.ms-row-ordered>div>.ms-column.offset-large-5, .ms-row.ms-row-ordered>.ms-column.offset-large-5 { position: absolute; top: 0; left: 0 } .ms-row>div>.ms-column.all-5, .ms-row>.ms-column.all-5 { width: 41.6666666667%; *width: 41.1666666667%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column.large-6, .ms-row>.ms-column.large-6 { width: 50%; *width: 49.5%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column.offset-large-6, .ms-row>.ms-column.offset-large-6 { margin-left: 50%; *margin-left: 49.5%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column.offset-6, .ms-row>.ms-column.offset-6 { margin-left: 50%; *margin-left: 49.5%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .rtl .ms-row>div>.ms-column.offset-large-6, .rtl .ms-row>.ms-column.offset-large-6 { margin-left: 0; *margin-left: 0; margin-right: 50%; *margin-right: 49.5%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .rtl .ms-row>div>.ms-column.offset-6, .rtl .ms-row>.ms-column.offset-6 { margin-left: 0; *margin-left: 0; margin-right: 50%; *margin-right: 49.5%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row.ms-row-ordered>div>.ms-column.offset-large-6, .ms-row.ms-row-ordered>.ms-column.offset-large-6 { position: absolute; top: 0; left: 0 } .ms-row>div>.ms-column.all-6, .ms-row>.ms-column.all-6 { width: 50%; *width: 49.5%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column.large-7, .ms-row>.ms-column.large-7 { width: 58.3333333333%; *width: 57.8333333333%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column.offset-large-7, .ms-row>.ms-column.offset-large-7 { margin-left: 58.3333333333%; *margin-left: 57.8333333333%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column.offset-7, .ms-row>.ms-column.offset-7 { margin-left: 58.3333333333%; *margin-left: 57.8333333333%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .rtl .ms-row>div>.ms-column.offset-large-7, .rtl .ms-row>.ms-column.offset-large-7 { margin-left: 0; *margin-left: 0; margin-right: 58.3333333333%; *margin-right: 57.8333333333%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .rtl .ms-row>div>.ms-column.offset-7, .rtl .ms-row>.ms-column.offset-7 { margin-left: 0; *margin-left: 0; margin-right: 58.3333333333%; *margin-right: 57.8333333333%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row.ms-row-ordered>div>.ms-column.offset-large-7, .ms-row.ms-row-ordered>.ms-column.offset-large-7 { position: absolute; top: 0; left: 0 } .ms-row>div>.ms-column.all-7, .ms-row>.ms-column.all-7 { width: 58.3333333333%; *width: 57.8333333333%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column.large-8, .ms-row>.ms-column.large-8 { width: 66.6666666667%; *width: 66.1666666667%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column.offset-large-8, .ms-row>.ms-column.offset-large-8 { margin-left: 66.6666666667%; *margin-left: 66.1666666667%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column.offset-8, .ms-row>.ms-column.offset-8 { margin-left: 66.6666666667%; *margin-left: 66.1666666667%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .rtl .ms-row>div>.ms-column.offset-large-8, .rtl .ms-row>.ms-column.offset-large-8 { margin-left: 0; *margin-left: 0; margin-right: 66.6666666667%; *margin-right: 66.1666666667%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .rtl .ms-row>div>.ms-column.offset-8, .rtl .ms-row>.ms-column.offset-8 { margin-left: 0; *margin-left: 0; margin-right: 66.6666666667%; *margin-right: 66.1666666667%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row.ms-row-ordered>div>.ms-column.offset-large-8, .ms-row.ms-row-ordered>.ms-column.offset-large-8 { position: absolute; top: 0; left: 0 } .ms-row>div>.ms-column.all-8, .ms-row>.ms-column.all-8 { width: 66.6666666667%; *width: 66.1666666667%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column.large-9, .ms-row>.ms-column.large-9 { width: 75%; *width: 74.5%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column.offset-large-9, .ms-row>.ms-column.offset-large-9 { margin-left: 75%; *margin-left: 74.5%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column.offset-9, .ms-row>.ms-column.offset-9 { margin-left: 75%; *margin-left: 74.5%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .rtl .ms-row>div>.ms-column.offset-large-9, .rtl .ms-row>.ms-column.offset-large-9 { margin-left: 0; *margin-left: 0; margin-right: 75%; *margin-right: 74.5%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .rtl .ms-row>div>.ms-column.offset-9, .rtl .ms-row>.ms-column.offset-9 { margin-left: 0; *margin-left: 0; margin-right: 75%; *margin-right: 74.5%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row.ms-row-ordered>div>.ms-column.offset-large-9, .ms-row.ms-row-ordered>.ms-column.offset-large-9 { position: absolute; top: 0; left: 0 } .ms-row>div>.ms-column.all-9, .ms-row>.ms-column.all-9 { width: 75%; *width: 74.5%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column.large-10, .ms-row>.ms-column.large-10 { width: 83.3333333333%; *width: 82.8333333333%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column.offset-large-10, .ms-row>.ms-column.offset-large-10 { margin-left: 83.3333333333%; *margin-left: 82.8333333333%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column.offset-10, .ms-row>.ms-column.offset-10 { margin-left: 83.3333333333%; *margin-left: 82.8333333333%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .rtl .ms-row>div>.ms-column.offset-large-10, .rtl .ms-row>.ms-column.offset-large-10 { margin-left: 0; *margin-left: 0; margin-right: 83.3333333333%; *margin-right: 82.8333333333%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .rtl .ms-row>div>.ms-column.offset-10, .rtl .ms-row>.ms-column.offset-10 { margin-left: 0; *margin-left: 0; margin-right: 83.3333333333%; *margin-right: 82.8333333333%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row.ms-row-ordered>div>.ms-column.offset-large-10, .ms-row.ms-row-ordered>.ms-column.offset-large-10 { position: absolute; top: 0; left: 0 } .ms-row>div>.ms-column.all-10, .ms-row>.ms-column.all-10 { width: 83.3333333333%; *width: 82.8333333333%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column.large-11, .ms-row>.ms-column.large-11 { width: 91.6666666667%; *width: 91.1666666667%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column.offset-large-11, .ms-row>.ms-column.offset-large-11 { margin-left: 91.6666666667%; *margin-left: 91.1666666667%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column.offset-11, .ms-row>.ms-column.offset-11 { margin-left: 91.6666666667%; *margin-left: 91.1666666667%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .rtl .ms-row>div>.ms-column.offset-large-11, .rtl .ms-row>.ms-column.offset-large-11 { margin-left: 0; *margin-left: 0; margin-right: 91.6666666667%; *margin-right: 91.1666666667%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .rtl .ms-row>div>.ms-column.offset-11, .rtl .ms-row>.ms-column.offset-11 { margin-left: 0; *margin-left: 0; margin-right: 91.6666666667%; *margin-right: 91.1666666667%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row.ms-row-ordered>div>.ms-column.offset-large-11, .ms-row.ms-row-ordered>.ms-column.offset-large-11 { position: absolute; top: 0; left: 0 } .ms-row>div>.ms-column.all-11, .ms-row>.ms-column.all-11 { width: 91.6666666667%; *width: 91.1666666667%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column.large-12, .ms-row>.ms-column.large-12 { width: 100%; *width: 99.5%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column.offset-large-12, .ms-row>.ms-column.offset-large-12 { margin-left: 100%; *margin-left: 99.5%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column.offset-12, .ms-row>.ms-column.offset-12 { margin-left: 100%; *margin-left: 99.5%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .rtl .ms-row>div>.ms-column.offset-large-12, .rtl .ms-row>.ms-column.offset-large-12 { margin-left: 0; *margin-left: 0; margin-right: 100%; *margin-right: 99.5%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .rtl .ms-row>div>.ms-column.offset-12, .rtl .ms-row>.ms-column.offset-12 { margin-left: 0; *margin-left: 0; margin-right: 100%; *margin-right: 99.5%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row.ms-row-ordered>div>.ms-column.offset-large-12, .ms-row.ms-row-ordered>.ms-column.offset-large-12 { position: absolute; top: 0; left: 0 } .ms-row>div>.ms-column.all-12, .ms-row>.ms-column.all-12 { width: 100%; *width: 99.5%; padding: 0 10px 20px 10px; *padding: 0 9.75px 19.5px 9.75px } .ms-row>div>.ms-column:after, .ms-row>.ms-column:after { content: ''; position: absolute; top: 0; left: 10px; right: 10px; bottom: 20px; z-index: -1 } .ms-row>div>.ms-column.ms-column-flush, .ms-row>.ms-column.ms-column-flush { padding: 0 } } html, body { min-height: 100%; min-width: 100% } html.lt-ie9, .lt-ie9 body { height: 100% } .no-chat .ms-btn-chat { display: none } .no-chat .ms-row.ms-contact-row .ms-column, .lt-ie9 .no-chat .ms-row.ms-contact-row>.ie-3.ms-column { width: 33.33% } @media only screen and (max-width:600px) { .no-chat .ms-row.ms-contact-row .ms-column, .lt-ie9 .no-chat .ms-row.ms-contact-row>.ie-3.ms-column { width: 100% } } body { margin: 0; background-color: #fff; font-size: 16px; font-size: 1rem; line-height: 1.25; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; color: #444; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; letter-spacing: 0 } h1.jumbo { font-size: 44px; font-size: 2.75rem; line-height: 1.05; letter-spacing: -1px; text-transform: uppercase } .ms-icon:before { background-image: url("../../msi/assets/images/sprites/icon_spritesheet.png"); background-repeat: no-repeat; content: " "; display: inline-block; width: 20px; height: 20px; margin-right: 8px; vertical-align: middle; overflow: hidden; position: relative; top: -1px } .ms-icon.i-util-chat:before { background-position: -1260px center } .ms-icon.i-util-contact:before { background-position: -1300px center } .ms-icon.i-generic:before { background: 0 } .ms-icon.i-tour:before { background-position: left center } .ms-icon.i-video:before { background-position: -20px center } .ms-icon.i-pdf:before { background-position: -40px center } .ms-icon.i-lock:before { background-position: -60px center } .ms-icon.i-people:before { background-position: -80px center } .ms-icon.i-cart:before { background-position: -100px center } .ms-icon.i-share:before { background-position: -120px center } .ms-icon.i-chat:before { background-position: -140px center } .ms-icon.i-contact:before { background-position: -160px center } .ms-icon.i-manual:before { background-position: -180px center } .ms-icon.i-person:before { background-position: -400px center } .ms-icon.i-mail:before { background-position: -660px center } .ms-icon.i-search:before { background-position: -720px center } .ms-icon.i-filter:before { background-position: -780px center } .ms-icon.i-ext:before { background-position: -840px center } .ms-icon.i-download:before { background-position: -900px center } .ms-icon.i-form:before { background-position: -960px center } .ms-icon.i-download-tray:before { background-position: -1020px center } .ms-icon.i-exit:before { background-position: -1080px center } .ms-icon.i-fax:before { background-position: -1340px center } .ms-icon.i-print:before { background-position: -1360px center } .ms-icon.i-white.i-tour:before { background-position: -200px center } .ms-icon.i-white.i-video:before { background-position: -220px center } .ms-icon.i-white.i-pdf:before { background-position: -240px center } .ms-icon.i-white.i-lock:before { background-position: -260px center } .ms-icon.i-white.i-people:before { background-position: -280px center } .ms-icon.i-white.i-cart:before { background-position: -300px center } .ms-icon.i-white.i-share:before { background-position: -320px center } .ms-icon.i-white.i-chat:before { background-position: -340px center } .ms-icon.i-white.i-contact:before { background-position: -360px center } .ms-icon.i-white.i-manual:before { background-position: -380px center } .ms-icon.i-white.i-person:before { background-position: -420px center } .ms-icon.i-white.i-mail:before { background-position: -680px center } .ms-icon.i-white.i-search:before { background-position: -740px center } .ms-icon.i-white.i-filter:before { background-position: -800px center } .ms-icon.i-white.i-ext:before { background-position: -860px center } .ms-icon.i-white.i-download:before { background-position: -920px center } .ms-icon.i-white.i-form:before { background-position: -980px center } .ms-icon.i-white.i-download-tray:before { background-position: -1040px center } .ms-icon.i-white.i-exit:before { background-position: -1100px center } .unflow { height: auto; position: fixed; left: 0; right: 0 } .pull-right { float: right } .pull-left { float: left } .hide { display: none } .show { display: block } .invisible { visibility: hidden } .ui-helper-hidden-accessible, .hidevisually { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px } .clearfix { *zoom: 1 } .clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0 } .clearfix:after { clear: both } .z-max { z-index: 9999 } @media only screen { .show-for-xsmall-only, .show-for-xsmall-up, .hide-for-small-only, .hide-for-small-up, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medlarge-only, .hide-for-medlarge-up, .hide-for-large-only, .hide-for-large-up { display: inherit !important } .hide-for-xsmall-only, .hide-for-xsmall-up, .show-for-small-only, .show-for-small-up, .show-for-medium-only, .show-for-medium-up, .show-for-medlarge-only, .show-for-medlarge-up, .show-for-large-only, .show-for-large-up { display: none !important } } @media only screen and (min-width:481px) { .hide-for-xsmall-only, .show-for-xsmall-up, .show-for-small-only, .show-for-small-up, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medlarge-only, .hide-for-medlarge-up, .hide-for-large-only, .hide-for-large-up { display: inherit !important } .show-for-xsmall-only, .hide-for-xsmall-up, .hide-for-small-only, .hide-for-small-up, .show-for-medium-only, .show-for-medium-up, .show-for-medlarge-only, .show-for-medlarge-up, .show-for-large-only, .show-for-large-up { display: none !important } } @media only screen and (min-width:601px) { .hide-for-xsmall-only, .show-for-xsmall-up, .hide-for-small-only, .show-for-small-up, .show-for-medium-only, .show-for-medium-up, .hide-for-medlarge-only, .hide-for-medlarge-up, .hide-for-large-only, .hide-for-large-up { display: inherit !important } .show-for-xsmall-only, .hide-for-xsmall-up, .show-for-small-only, .hide-for-small-up, .hide-for-medium-only, .hide-for-medium-up, .show-for-medlarge-only, .show-for-medlarge-up, .show-for-large-only, .show-for-large-up { display: none !important } } @media only screen and (min-width:985px) { .hide-for-xsmall-only, .show-for-xsmall-up, .hide-for-small-only, .show-for-small-up, .hide-for-medium-only, .show-for-medium-up, .show-for-medlarge-only, .show-for-medlarge-up, .hide-for-large-only, .hide-for-large-up { display: inherit !important } .show-for-xsmall-only, .hide-for-xsmall-up, .show-for-small-only, .hide-for-small-up, .show-for-medium-only, .hide-for-medium-up, .hide-for-medlarge-only, .hide-for-medlarge-up, .show-for-large-only, .show-for-large-up { display: none !important } } @media only screen and (min-width:1025px) { .hide-for-xsmall-only, .show-for-xsmall-up, .hide-for-small-only, .show-for-small-up, .hide-for-medium-only, .show-for-medium-up, .hide-for-medlarge-only, .show-for-medlarge-up, .show-for-large-only, .show-for-large-up { display: inherit !important } .show-for-xsmall-only, .hide-for-xsmall-up, .show-for-small-only, .hide-for-small-up, .show-for-medium-only, .hide-for-medium-up, .show-for-medlarge-only, .hide-for-medlarge-up, .hide-for-large-only, .hide-for-large-up { display: none !important } } .show-for-landscape, .hide-for-portrait { display: inherit !important } .hide-for-landscape, .show-for-portrait { display: none !important } @media only screen and (orientation:landscape) { .show-for-landscape, .hide-for-portrait { display: inherit !important } .hide-for-landscape, .show-for-portrait { display: none !important } } @media only screen and (orientation:portrait) { .show-for-portrait, .hide-for-landscape { display: inherit !important } .hide-for-portrait, .show-for-landscape { display: none !important } } .thumbnail-list li { display: block; margin-bottom: 30px; width: 100% } .thumbnail-list .img-cont { display: inline-block; overflow: hidden; border: 1px solid #ccc; width: 35%; height: auto; padding: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .thumbnail-list .img-cont img { position: relative; display: block; margin: 0 auto; max-width: 100%; max-height: 100%; top: 50% } .thumbnail-list .text-cont { display: inline-block; padding-left: 3%; width: 60%; vertical-align: top } .clienteling-subsection h4 { margin-bottom: 14px } @media only screen and (max-width:600px) { .thumbnail-list .img-cont { display: block; width: 50% } .thumbnail-list .text-cont { display: block; padding-left: 0; width: 100% } .thumbnail-list .text-cont h4 { margin-top: 10px } } .ms-title { padding: 0; margin-bottom: 12px } .ms-title>h1, .ms-title>h2 { text-transform: uppercase; margin: 0; line-height: 1 } .ms-title>h1 { font-size: 44px } .ms-title>h2 { font-size: 20px; border-bottom: 3px solid #afa79f; padding-bottom: 13px } .ms-title>p { margin: 8px 0 0 } .ms-logo { background: url(../../wp-content/themes/html5blank-stable/img/msisolutions-lg.png) no-repeat; width: 281px; height: 35px; display: inline-block; float: left; margin-top: 15px; background-size: 100% } @media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (-moz-min-device-pixel-ratio:1.5), only screen and (-o-min-device-pixel-ratio:3 / 2), only screen and (min-device-pixel-ratio:1.5) { .ms-logo { background: url(../../msi/assets/images/components/header-components/header_logo/assets/motoSolutions@2x.png) no-repeat; background-size: 100% } } @media only screen and (max-width:480px) { .ms-logo { margin: 18px 0 0 0; width: 210px } .ms-header>.ms-site-cont { padding: 0 10px !important } } @media only screen and (max-width:374px) { .ms-logo { margin: 20px 0 0 0; width: 175px } } .ms-header { position: relative; top: 0; left: 0; width: 100%; height: 60px; background: #fff; border-bottom: 1px solid #ccc; z-index: 180; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .ms-header>.ms-site-cont { padding: 0 20px; max-width: 1160px } .ms-header-primary { display: inline-block; width: 100%; height: 100%; position: relative; z-index: 0; height: 60px } .close-btn#main_nav_close { display: none } .nav-icon { border: 0; float: left; height: 60px; width: 30px; position: relative; background: 0; margin-left: 5px; padding: 1px 6px; overflow: visible } .nav-icon.active { border-bottom: 3px solid #0063bc; padding-top: 4px } .nav-icon.active>.icon svg { fill: #0063bc } .nav-icon>.icon { padding-top: 8px; position: relative; height: 30px; box-sizing: border-box; line-height: normal } .nav-icon>.icon svg { fill: #111 } .nav-icon:focus { outline: 0 } .mobile-toggle:focus { outline: 0 } .sidenav-active .mobile-toggle>span { background: transparent; width: 18px; height: 18px; top: 50%; left: 50%; margin-top: -9px; margin-left: -9px } .sidenav-active .mobile-toggle>span:before, .sidenav-active .mobile-toggle>span:after { display: none } .disp-sm-head { top: 0; border-top: solid 1px #fff } .ms-header-notice { display: none; width: 100%; height: 22px; background: #f6ffca; border-bottom: solid 1px #c6d7eb; font-size: 12px; line-height: 23px } .ms-header-notice-cont { margin: auto; max-width: 1160px; padding: 0 20px 0 20px } .ms-header-notice-close { cursor: pointer; background: transparent url("/wp-content/themes/html5blank-stable/img/icons/sprite_main.png") -2px -111px no-repeat; height: 11px; width: 11px; float: right; margin-top: 5px } .ms-header-notice-lock { margin: 5px 5px 0 0; background: transparent url("/wp-content/themes/html5blank-stable/img/icons/sprite_main.png") -25px -99px no-repeat; float: left; height: 12px; width: 13px } .ms-header-notice-globe { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDI0IDI0OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3Qwe2ZpbGw6I0ZGRkZGRjt9PC9zdHlsZT48dGl0bGU+QXJ0Ym9hcmQgMTwvdGl0bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTEyLDAuNkM1LjYsMC42LDAuNSw1LjcsMC41LDEyLjFTNS42LDIzLjYsMTIsMjMuNnMxMS41LTUuMSwxMS41LTExLjVTMTguNCwwLjYsMTIsMC42TDEyLDAuNnogTTIuNiw3LjNjMCwwLjgtMC4xLDEuNi0wLjMsMi40Yy0wLjIsMS4zLDAuOSwxLDAuOCwyLjNzMC45LDEuOCwwLjgsMS45cy0wLjYsMC4zLDAuMSwxLjlzMS40LDIuMSwxLjUsM2MwLjIsMC44LDAuNiwxLjYsMS4xLDIuMmwwLjEsMC4yQzEuOCwxOC40LDAsMTIuMywyLjYsNy4zeiBNNy44LDIxLjRjMC0xLDAuNi0xLjgsMS42LTJjMS41LTAuNSwxLjMtMS4yLDEuNy0xLjhzMC41LTEuMS0wLjMtMS4zYy0xLTAuMS0yLTAuNy0yLjUtMS42Yy0wLjgtMS4yLTEuOC0xLjMtMi40LTEuNmMtMC41LTAuMy0xLjEtMC40LTEuNy0wLjRjLTAuNy0wLjEtMC41LTItMC40LTIuNXMtMC40LDAuMS0wLjgtMC4xczAuMy0xLjcsMS0xLjZzMC41LDAuNCwwLjYsMS4xczAuNCwwLjYsMC40LDAuM2MwLTAuNSwwLjEtMSwwLjMtMS41YzAuMi0wLjMsMC4zLTEuMSwxLTEuMVM3LDYuNiw3LjYsNi44czEsMC4xLDAuNi0wLjJTOCw2LDguNiw2LjJzMC42LTAuOSwwLjUtMS40UzguNiw0LDgsNC4zUzcsNC41LDcuMyw0czEuNC0wLjEsMi4xLDAuMnMwLjktMC44LDAuNS0xLjNTOS41LDIuNiw4LjQsMi43QzgsMi43LDgsMi41LDguMiwyLjJjMi40LTAuOSw1LjEtMC45LDcuNSwwYzAuMSwwLjIsMC4yLDAuNCwwLjEsMC40Yy0wLjQsMC4zLTAuOCwwLTAuNywwLjhzMC43LDEuNywxLjIsMS40YzAuNS0wLjMsMS4zLDAuMSwwLjYsMC41Yy0wLjQsMC4yLTAuOCwwLjQtMS4yLDAuN2MtMC4zLDAuMy0wLjIsMC4xLDAuMSwwLjVDMTYuMSw3LDE2LjEsNywxNS43LDcuMnMtMC43LDAuNi0wLjMsMWMwLjQsMC40LDAuNywwLjgsMS4yLDBzMC42LTEuNSwxLTEuM3MwLjksMC45LDEuMiwwLjVzMC4yLTAuNiwwLjctMC4zczEuOSwwLjMsMC45LDEuMXMtMC44LDEuMS0xLjMsMXMtMi43LTAuNi0zLjIsMC43cy0yLjMsMi4yLTEuMywzLjRzMC43LDIsMi4xLDIuMnMyLjEtMC40LDIuNCwwLjJzMC4xLDAuNywwLjEsMS43YzAuMSwwLjcsMC4zLDEuNCwwLjUsMi4xYy0zLjEsMy4yLTcuOCw0LjEtMTEuOCwyLjRDNy44LDIxLjcsNy44LDIxLjUsNy44LDIxLjR6Ii8+PHBhdGggY2xhc3M9InN0MCIgZD0iTTEyLDMuOUMxMi4zLDMuNywxMi40LDQsMTIuNiwzcy0xLTEtMS42LTAuOXMtMC40LDAuNC0wLjQsMC40YzAuMywwLjcsMC4zLDEuNCwwLDIuMUMxMC4zLDUsMTEsNS4xLDExLjMsNC43QzExLjQsNC40LDExLjcsNC4xLDEyLDMuOXoiLz48L3N2Zz4=) !important } .ms-header-notice-blue { background: #0063be; color: #fff } .ms-header-notice-green { background: #329e41; color: #fff } .ms-header-notice-green a { color: #daedff } .ms-header-notice-green a:hover { color: #c1dbf3 } .ms-header-notice-blue .ms-header-notice-lock, .ms-header-notice-green .ms-header-notice-lock { background: transparent url("/wp-content/themes/html5blank-stable/img/icons/sprite_main.png") -15px -145px no-repeat } .ms-header-notice-blue .ms-header-notice-close, .ms-header-notice-green .ms-header-notice-close { background: transparent url("/wp-content/themes/html5blank-stable/img/icons/sprite_main.png") -13px -111px no-repeat } .ms-header.collapsed nav.ms-nav-main { top: 0; position: fixed; right: 0; width: 272px; opacity: .96; margin-right: -282px; transition: margin 200ms } .ms-header.collapsed nav.ms-nav-main .ms-nav-inner { background-color: #fff; z-index: 10; position: relative; height: 100%; overflow: auto } .ms-header.collapsed nav.ms-nav-main .ms-nav-inner>* { z-index: inherit; float: none } .ms-header.collapsed nav.ms-nav-main .ms-nav-inner .close-btn#main_nav_close { display: block } .ms-header.collapsed nav.ms-nav-main .ms-nav-inner .close-btn#main_nav_close:focus { border: 0; outline: 0 } .ms-header.collapsed nav.ms-nav-main .ms-nav-inner .close-btn#main_nav_close:active { border: 0; outline: 0 } .ms-header.collapsed nav.ms-nav-main .ms-nav-inner .nav-search { height: auto; margin: 0 } .ms-header.collapsed nav.ms-nav-main .ms-nav-inner .nav-search>a { display: none } .ms-header.collapsed nav.ms-nav-main .ms-nav-inner .nav-search .ms-search-pane { position: static; display: block } .ms-header.collapsed nav.ms-nav-main .ms-nav-inner .nav-search .ms-search-pane>.nav-search-g { box-sizing: border-box; background-color: #0063cb; border: 0; top: 0; width: 100%; border-bottom: 1px solid #148; transform: none } .ms-header.collapsed nav.ms-nav-main .ms-nav-inner .nav-search .ms-search-pane>.nav-search-g .prod-cat-search-row label { color: #fff; font-weight: normal } .ms-header.collapsed nav.ms-nav-main .ms-nav-inner .nav-search .ms-search-pane>.nav-search-g .prod-cat-search-row label span.hasLock { background: transparent url("/wp-content/themes/html5blank-stable/img/icons/sprite_main.png") -14px -144px no-repeat } .ms-header.collapsed nav.ms-nav-main .ms-nav-inner .ms-nav-util { padding: 0 9px; height: auto } .ms-header.collapsed nav.ms-nav-main .ms-nav-inner .ms-nav-util>a { display: block; width: 100%; height: 50px } .ms-header.collapsed nav.ms-nav-main .ms-nav-inner .ms-nav-util>a span { display: inline-block; font-size: .7rem; text-transform: uppercase; font-weight: 700; line-height: 50px; padding-left: 8px } .ms-header.collapsed nav.ms-nav-main .ms-nav-inner .ms-nav-util>a .nav-icon { height: 50px; margin: 0 } .ms-header.collapsed nav.ms-nav-main .ms-nav-inner .ms-nav-util>a .nav-icon .icon svg { fill: #222 } .ms-header nav.ms-nav-main .ms-nav-inner .ms-nav-util .bcStatic { height: 60px } .ms-header.collapsed nav.ms-nav-main .ms-nav-inner .ms-nav-depth-0 { width: 100%; margin: 0 } .ms-header.collapsed nav.ms-nav-main .ms-nav-inner .ms-nav-depth-0>li { margin: 0; padding: 0 15px; display: block } .ms-header.collapsed nav.ms-nav-main .ms-nav-inner .ms-nav-depth-0>li:hover { background-color: #0063be; color: #fff; cursor: pointer } .ms-header.collapsed nav.ms-nav-main .ms-nav-inner .ms-nav-depth-0>li:hover a { color: #fff; border-bottom: 1px solid #0063be } .ms-header.collapsed nav.ms-nav-main .ms-nav-inner .ms-nav-depth-0>li.haslock>a:after { right: 0 } .ms-header.collapsed nav.ms-nav-main .ms-nav-inner .ms-nav-depth-0>li a { width: 100%; margin: 0; border-bottom: 1px solid #e1e1e1; padding: 20px 0 16px 0 } .ms-header.collapsed nav.ms-nav-main .ms-nav-inner .ms-nav-depth-0>li a:hover span { background-color: transparent; border-bottom: 0 } .ms-header.collapsed nav.ms-nav-main #nav_shade { z-index: -1 } .ms-header.collapsed .global-icons .mobile-toggle { width: 30px; margin-left: 15px } .sidenav-active .ms-header.collapsed nav.ms-nav-main { margin-right: 0; transition: margin 500ms; box-shadow: 0 2px 12px 2px #333 } .sidenav-active .ms-header.collapsed #nav_shade { -ms-transform: opacity .4s cubic-bezier(0.3, 0.8, 0.35, 0.9); -webkit-transition: opacity .4s cubic-bezier(0.3, 0.8, 0.35, 0.9); -moz-transition: opacity .4s cubic-bezier(0.3, 0.8, 0.35, 0.9); -o-transition: opacity .4s cubic-bezier(0.3, 0.8, 0.35, 0.9); transition: opacity .4s cubic-bezier(0.3, 0.8, 0.35, 0.9); display: block; height: auto; bottom: -9999px; width: 9999px; background: #000; filter: "alpha(opacity=50)"; -moz-opacity: .5; -khtml-opacity: .5; opacity: .5 } .sidenav-active .ms-footer-feedback { z-index: auto } #add-cart-notification { background: rgba(255, 255, 255, 0.98); width: 230px; border: solid 1px #ccc; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1); margin: 20px; padding: 20px; font-size: .8rem; position: absolute; right: -2px; top: 40px; z-index: 299; display: none } #add-cart-notification:before { content: ' '; width: 0; height: 0; border-style: solid; border-width: 0 10px 12px 10px; border-color: transparent transparent #ccc transparent; position: absolute; bottom: 100%; right: 45px; -webkit-transform: rotate(360deg) } #add-cart-notification img { width: 50px; border: solid 1px #ccc; float: left; margin-top: 10px } #add-cart-notification .btn-quaternary { margin-top: 15px } #add-cart-notification .add-cart-added { font-weight: bold; font-size: 1.2rem; color: #000; border-bottom: solid 1px #ccc; padding-bottom: 10px; margin-bottom: 15px } #add-cart-notification a.add-cart-view { padding-top: 15px; font-size: .8rem; display: block; font-weight: bold } #add-cart-notification .add-cart-item { float: left; height: auto; color: #000; width: 160px; margin-left: 14px; margin-top: 10px } #add-cart-notification .add-cart-item span { padding-bottom: 10px; border-bottom: 1px solid #e1e1e1; margin-bottom: 8px; display: block } #add-cart-notification .add-cart-item .bold { padding-bottom: 0; border-bottom: 0; font-weight: bold } @media only screen and (max-width:984px) { #add-cart-notification:before { right: 90px } } .nav-search { padding: 0; float: right; height: 60px; position: relative; margin-right: 15px } .nav-search .nav-icon:hover .icon svg { fill: #00a0df } .nav-search .nav-icon .icon:after { content: ""; position: absolute; border-right: 1px solid #ccc; top: 0; right: -15px; height: 30px } .nav-search-toggle { position: relative; outline: 0; z-index: 2; border: 0; background: transparent; padding: 10px 0 12px; display: block; -moz-transition: background-color .2s cubic-bezier(0.3, 0.8, 0.35, 0.9); -webkit-transition: background-color .2s cubic-bezier(0.3, 0.8, 0.35, 0.9); -ms-transition: background-color .2s cubic-bezier(0.3, 0.8, 0.35, 0.9); -o-transition: background-color .2s cubic-bezier(0.3, 0.8, 0.35, 0.9); transition: background-color .2s cubic-bezier(0.3, 0.8, 0.35, 0.9) } .nav-search-toggle:hover { background: #fff } .nav-search-toggle:hover>span { background-position: -25px top } .nav-search-toggle:hover>span:before, .nav-search-toggle:hover>span:after { display: none } .nav-search-toggle>span { display: inline-block; width: 19px; height: 19px; position: relative; top: 4px } .nav-search-toggle>span:before, .nav-search-toggle>span:after { content: " "; display: block; position: absolute; top: -2px; bottom: -2px; width: 1px } .nav-search-toggle>span:before { left: -14px } .nav-search-toggle>span:after { right: -14px } .ms-hide-pane { position: absolute; top: 52px; right: 0; overflow: hidden } .ms-search-pane { display: none } .nav-search-g { position: relative; top: -99px; width: 301px; background: #fff; padding: 14px 15px 12px 15px; border: 1px solid #e9e9e9; border-top: 0; text-align: right; z-index: 1; -ms-transform: -ms-transform .4s cubic-bezier(0.3, 0.8, 0.35, 0.9); -webkit-transition: -webkit-transform .4s cubic-bezier(0.3, 0.8, 0.35, 0.9); -moz-transition: -moz-transform .4s cubic-bezier(0.3, 0.8, 0.35, 0.9); -o-transition: -o-transform .4s cubic-bezier(0.3, 0.8, 0.35, 0.9); transition: transform .4s cubic-bezier(0.3, 0.8, 0.35, 0.9) } input[type="text"].nav-search-input { max-width: 400px; text-align: left } input[type="checkbox"]#search-product-catalog { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px } .nav-search-input::-ms-clear { display: none } .nav-search-input-border { border: 1px solid #e9e9e9 } .nav-search-input-border input.nav-search-input { border: 0; border-right: 38px solid transparent; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; padding: 12px 10px; width: 100%; line-height: normal } .nav-search-submit { border: 0; background: transparent url(/wp-content/themes/html5blank-stable/img/icons/sprite_main.png) left -25px no-repeat; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; overflow: hidden; text-indent: -9999px; width: 42px; top: 10px; right: 10px; height: 40px; position: absolute; padding: 0; float: none; } .nav-search-submit:focus { border: none !important; } @media only screen and (max-width:1100px) { .nav-search-submit { top: 6px; } } .ms-nav-search-active .nav-search-g { -webkit-transform: translate3d(0, 99px, 0); -moz-transform: translate3d(0, 99px, 0); -ms-transform: translate3d(0, 99px, 0); -o-transform: translate3d(0, 99px, 0); transform: translate3d(0, 99px, 0) } .ms-nav-search-active .nav-search-toggle>span { background-position: -25px top } .ms-nav-search-active .nav-search-toggle>span:before, .ms-nav-search-active .nav-search-toggle>span:after { display: none } .ms-nav-search-active .nav-search-toggle:before { content: " "; display: block; position: absolute; top: 0; bottom: -1px; left: 0; right: 0; background: #fff; border-bottom: 2px solid #0063be } .nav-search-clear { display: none; z-index: 10 } .nav-search-res { background: #f6f6f6; z-index: 8; position: relative; width: 319px } .nav-search-res ul { border: 1px solid #b7b7b7; border-top: 0; margin-top: -1px } .nav-search-res li { margin-left: 1px; font-size: 14px; color: #0063be; text-align: left; padding: 14px 22px; border-top: 1px solid #e7e7e7; cursor: pointer; position: relative; z-index: 1 } .nav-search-res li:hover { color: #00a0df; background: #d9f1fa; border-top: 1px solid #b7b7b7; border-bottom: 1px solid #b7b7b7; margin-bottom: -1px; z-index: 2 } .prod-cat-search-row { text-align: left } .prod-cat-search-row .hasLock { background: transparent url("/wp-content/themes/html5blank-stable/img/icons/sprite_main.png") -25px -86px no-repeat; width: 11px; height: 13px; display: inline-block; margin-bottom: -2px; margin-left: 4px; border: 0 } input[type="checkbox"]:checked+label[for="search-product-catalog"]:after, input[type="radio"]:checked+label[for="search-product-catalog"]:after { display: inline-block } .prod-cat-search-row input[type="checkbox"]+label[for="search-product-catalog"]:after, .prod-cat-search-row input[type="radio"]+label[for="search-product-catalog"]:after { left: 1px; top: 4px; background: #4983c6 url("/wp-content/themes/html5blank-stable/img/icons/sprite_main.png") -1px -48px no-repeat; border-color: #2364b0; background-size: 49px; width: 14px; height: 14px } input[type="checkbox"]:checked+label[for="search-product-catalog"]:after, input[type="radio"]:checked+label[for="search-product-catalog"]:after { content: " "; position: absolute; width: 14px; height: 14px } .prod-cat-search-row input[type="checkbox"]+label:before { width: 14px; height: 14px; margin-top: 3px; content: " "; position: absolute; left: 0; top: 0; display: inline-block; background: 0; border: 1px solid #b7b7b7; box-sizing: content-box } .prod-cat-search-row input[type="checkbox"]+label { padding-left: 20px; margin-top: 5px; display: inline-block; position: relative } input[type="checkbox"]+label[for="search-product-catalog"] { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; color: #444; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; letter-spacing: 0; font-size: .9rem; line-height: 22px; cursor: pointer } div#product-catalog-search { width: 10px; height: 10px; border: 1px solid; display: -webkit-inline-box } .ms-prod-srch-txt { font-size: 12px; text-align: left; display: -webkit-inline-box; padding: 10px 0 0 0 } .ms-prod-srch-txt:after { background: transparent url("/wp-content/themes/html5blank-stable/img/icons/sprite_main.png") -25px -99px no-repeat; width: 11px; height: 13px; margin-top: -6px; content: " "; display: block; position: absolute; overflow: hidden; right: -20px } span.sch-lck { background: transparent url("/wp-content/themes/html5blank-stable/img/icons/sprite_main.png") -25px -86px no-repeat; width: 11px; height: 13px; display: inline-block; margin-bottom: -2px; margin-left: 4px; border: 0 } .ms-icon:before { background-image: url("../../msi/assets/images/sprites/icon_spritesheet.png"); background-repeat: no-repeat; content: " "; display: inline-block; width: 20px; height: 20px; margin-right: 8px; vertical-align: middle; overflow: hidden; position: relative; top: -1px } .ms-icon.i-util-chat:before { background-position: -1260px center } .ms-icon.i-util-contact:before { background-position: -1300px center } .ms-icon.i-generic:before { background: 0 } .ms-icon.i-tour:before { background-position: left center } .ms-icon.i-video:before { background-position: -20px center } .ms-icon.i-pdf:before { background-position: -40px center } .ms-icon.i-lock:before { background-position: -60px center } .ms-icon.i-people:before { background-position: -80px center } .ms-icon.i-cart:before { background-position: -100px center } .ms-icon.i-share:before { background-position: -120px center } .ms-icon.i-chat:before { background-position: -140px center } .ms-icon.i-contact:before { background-position: -160px center } .ms-icon.i-manual:before { background-position: -180px center } .ms-icon.i-person:before { background-position: -400px center } .ms-icon.i-mail:before { background-position: -660px center } .ms-icon.i-search:before { background-position: -720px center } .ms-icon.i-filter:before { background-position: -780px center } .ms-icon.i-ext:before { background-position: -840px center } .ms-icon.i-download:before { background-position: -900px center } .ms-icon.i-form:before { background-position: -960px center } .ms-icon.i-download-tray:before { background-position: -1020px center } .ms-icon.i-exit:before { background-position: -1080px center } .ms-icon.i-fax:before { background-position: -1340px center } .ms-icon.i-print:before { background-position: -1360px center } .ms-icon.i-white { color: #fff } .ms-icon.i-white.i-tour:before { background-position: -200px center } .ms-icon.i-white.i-video:before { background-position: -220px center } .ms-icon.i-white.i-pdf:before { background-position: -240px center } .ms-icon.i-white.i-lock:before { background-position: -260px center } .ms-icon.i-white.i-people:before { background-position: -280px center } .ms-icon.i-white.i-cart:before { background-position: -300px center } .ms-icon.i-white.i-share:before { background-position: -320px center } .ms-icon.i-white.i-chat:before { background-position: -340px center } .ms-icon.i-white.i-contact:before { background-position: -360px center } .ms-icon.i-white.i-manual:before { background-position: -380px center } .ms-icon.i-white.i-person:before { background-position: -420px center } .ms-icon.i-white.i-mail:before { background-position: -680px center } .ms-icon.i-white.i-search:before { background-position: -740px center } .ms-icon.i-white.i-filter:before { background-position: -800px center } .ms-icon.i-white.i-ext:before { background-position: -860px center } .ms-icon.i-white.i-download:before { background-position: -920px center } .ms-icon.i-white.i-form:before { background-position: -980px center } .ms-icon.i-white.i-download-tray:before { background-position: -1040px center } .ms-icon.i-white.i-exit:before { background-position: -1100px center } .ms-btn-link>a { display: inline-block; position: relative; padding: 13px 10px 13px 25px; font-size: 12px; font-size: .75rem; line-height: 1.25; font-weight: 700; text-transform: uppercase; min-height: 14px; line-height: 1.2 } .ms-btn-link>a:before { position: absolute; left: -3px; top: 9px } .ms-btn-link>a.centered:before { top: 50%; margin-top: -10px } .ms-btn-link>a:hover { color: #00a0df } .ms-btn-link>a:hover.i-tour:before { background-position: -440px center } .ms-btn-link>a:hover.i-video:before { background-position: -460px center } .ms-btn-link>a:hover.i-pdf:before { background-position: -480px center } .ms-btn-link>a:hover.i-lock:before { background-position: -500px center } .ms-btn-link>a:hover.i-people:before { background-position: -520px center } .ms-btn-link>a:hover.i-cart:before { background-position: -540px center } .ms-btn-link>a:hover.i-share:before { background-position: -560px center } .ms-btn-link>a:hover.i-chat:before { background-position: -580px center } .ms-btn-link>a:hover.i-contact:before { background-position: -600px center } .ms-btn-link>a:hover.i-manual:before { background-position: -620px center } .ms-btn-link>a:hover.i-person:before { background-position: -640px center } .ms-btn-link>a:hover.i-mail:before { background-position: -700px center } .ms-btn-link>a:hover.i-search:before { background-position: -760px center } .ms-btn-link>a:hover.i-filter:before { background-position: -820px center } .ms-btn-link>a:hover.i-ext:before { background-position: -880px center } .ms-btn-link>a:hover.i-download:before { background-position: -940px center } .ms-btn-link>a:hover.i-exit:before { background-position: -1120px center } .ms-btn-avatar { background-color: #e2e2e2; font-family: "Univers", Arial, san-serif; font-weight: normal; font-style: normal; color: #0063be; padding: 12px 40px } .ms-btn-avatar:hover { background-color: #bcbcbc } .ms-btn-link-no-icon>a { padding-left: 0 } .lt-ie9 .ms-btn-link>a { min-height: 0 } #nav-buddy { margin-left: 5px } #nav-buddy button span { display: none } #nav-buddy button[data-user-state="logged_in"][data-user-status="dss_user"] span { display: block } #nav-buddy button[data-user-state="logged_in"][data-user-status="dss_user"] svg { fill: #0063be !important } #nav-buddy button[data-user-state="logged_in"][data-user-status="default_user"].active { border-bottom: 3px solid #329e41 } #nav-buddy button[data-user-state="logged_in"][data-user-status="default_user"] svg { fill: #329e41 !important } nav.ms-nav-buddy-menu { z-index: -1; position: relative; clear: both } nav.ms-nav-buddy-menu .ms-nav-buddy-inner { display: none } nav.ms-nav-buddy-menu .default-user { display: none; height: 0 } nav.ms-nav-buddy-menu.dss-user { position: fixed; right: 0; top: 0; width: 300px; margin-right: -385px; transition: margin 250ms; z-index: 501 } nav.ms-nav-buddy-menu.dss-user .default-user { display: none !important } nav.ms-nav-buddy-menu.dss-user .ms-nav-buddy-inner { background-color: #fff; z-index: 10; position: relative; width: 100%; height: 100%; overflow: visible; display: block } nav.ms-nav-buddy-menu.dss-user .ms-nav-buddy-inner>* { z-index: inherit; float: none; color: #000 } nav.ms-nav-buddy-menu.dss-user .ms-nav-buddy-inner .nav-login-name { max-width: none; border: 0; padding: 20px 30px 0; margin: 0; font-weight: 700; font-size: .85rem } nav.ms-nav-buddy-menu.dss-user .ms-nav-buddy-inner .nav-login-id { display: block; word-break: break-all; max-width: none; border: 0; padding: 10px 30px 10px; margin: 0; font-size: .85rem } nav.ms-nav-buddy-menu.dss-user .ms-nav-buddy-inner #opt_in { display: block; padding: 10px 15px; background-color: #00a0df } nav.ms-nav-buddy-menu.dss-user .ms-nav-buddy-inner #account_logout { float: left; padding: 17px 15px; margin-left: 25px; width: 280px } nav.ms-nav-buddy-menu.dss-user .ms-nav-buddy-inner .close-btn#buddy_nav_close { display: inline-block; height: 45px; width: 45px; top: 10px } nav.ms-nav-buddy-menu.dss-user .ms-nav-buddy-inner .dss-nav-items { width: 100%; margin: 40px 0 } nav.ms-nav-buddy-menu.dss-user .ms-nav-buddy-inner .dss-nav-items>li { margin: 0 15px; padding: 0; display: block; border-top: 1px solid #ccc } nav.ms-nav-buddy-menu.dss-user .ms-nav-buddy-inner .dss-nav-items>li:hover a { color: #148; cursor: pointer } nav.ms-nav-buddy-menu.dss-user .ms-nav-buddy-inner .dss-nav-items>li.haslock>a:after { right: 0 } nav.ms-nav-buddy-menu.dss-user .ms-nav-buddy-inner .dss-nav-items>li a { width: 100%; margin: 0; padding: 25px 0 25px 20px; color: #0063be; display: inline-block; font-size: .8rem; font-weight: 600 } nav.ms-nav-buddy-menu.dss-user .ms-nav-buddy-inner .dss-nav-items>li a>.notification-count { background-color: #fff; color: #0063cb; border-radius: 60px; font-weight: 700; padding: 2px 6px; margin-right: 6px; text-align: center; font-size: .75rem } nav.ms-nav-buddy-menu.dss-user .ms-nav-buddy-inner .button-signout { position: relative; height: auto; display: inline-block; font-size: 16px; text-transform: none; padding: 15px; border: 1px solid #0063be; background-color: #fff; min-height: 40px; width: 220px; text-align: center; margin-bottom: 9px; font-family: "Univers", Arial, sans-serif; -webkit-transition: background 500ms; transition: background 500ms } nav.ms-nav-buddy-menu.dss-user .ms-nav-buddy-inner .button-signout:hover { background-color: #0063be; color: #fff } nav.ms-nav-buddy-menu.dss-user #nav_shade_buddy { z-index: -1 } .buddynav-active .ms-header nav.ms-nav-buddy-menu { margin-right: 0; transition: margin 500ms; box-shadow: 0 2px 12px 2px #333; z-index: 4 } .buddynav-active .ms-header #nav_shade_buddy { -ms-transform: opacity .4s cubic-bezier(0.3, 0.8, 0.35, 0.9); -webkit-transition: opacity .4s cubic-bezier(0.3, 0.8, 0.35, 0.9); -moz-transition: opacity .4s cubic-bezier(0.3, 0.8, 0.35, 0.9); -o-transition: opacity .4s cubic-bezier(0.3, 0.8, 0.35, 0.9); transition: opacity .4s cubic-bezier(0.3, 0.8, 0.35, 0.9); display: block; height: auto; bottom: -9999px; width: 9999px; background: #000; filter: "alpha(opacity=50)"; -moz-opacity: .5; -khtml-opacity: .5; opacity: .5 } .buddynav-active .ms-footer-feedback { z-index: auto } .nav-login-loggedin:before { border-bottom: 2px solid #39b44a !important } .nav-login-loggedin>span { background-position: -33px -126px !important } .ms-hide-pane-login { position: absolute; top: 60px; right: 0; overflow: hidden } .ms-search-pane { display: none } .nav-login-g { position: relative; top: 0; width: 225px; background: #fff; padding: 14px 9px 12px 9px; border: 1px solid #e9e9e9; border-top: 0; text-align: left; z-index: 1; float: right; -ms-transform: -ms-transform .4s .2s cubic-bezier(0.3, 0.8, 0.35, 0.9); -webkit-transition: -webkit-transform .4s .2s cubic-bezier(0.3, 0.8, 0.35, 0.9); -moz-transition: -moz-transform .4s .2s cubic-bezier(0.3, 0.8, 0.35, 0.9); -o-transition: -o-transform .4s .2s cubic-bezier(0.3, 0.8, 0.35, 0.9); transition: transform .4s .2s cubic-bezier(0.3, 0.8, 0.35, 0.9) } .nav-login-g ul { font-size: .875em; line-height: 2; padding-left: 8px } input[type="text"].nav-login-input { max-width: 400px; text-align: left } .nav-login-input::-ms-clear { display: none } .nav-login-input-border { border: 1px solid #bbb; background: #f6f6f6; -webkit-box-shadow: 1px 0 4px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 1px 0 4px 0 rgba(0, 0, 0, 0.2); box-shadow: 1px 0 4px 0 rgba(0, 0, 0, 0.2) } .nav-login-input-border input.nav-login-input { border: 0; border-right: 38px solid transparent; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } .nav-login-name { font-weight: bold; font-size: .935em; line-height: 1.4; max-width: 205px; display: block; padding-bottom: 10px; margin-bottom: 10px; border-bottom: solid 1px #ccc } .nav-login-sep { position: relative; background: #ccc; width: 1px; height: 19px; top: 14px; display: inline-block; float: left; margin-right: 17px; margin-left: 0 } .nav-login-submit { border: 0; background: transparent url("/wp-content/themes/html5blank-stable/img/icons/sprite_main.png") left -25px no-repeat; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; overflow: hidden; text-indent: -9999px; width: 42px; position: absolute; top: 15px; right: 8px; height: 40px; padding: 0; float: none } .ms-nav-login-active .nav-login-toggle:before { content: " "; display: block; position: absolute; top: 0; bottom: -1px; left: 0; right: 0; background: #fff; border-bottom: 2px solid #0063be } .ms-nav-login-active .nav-login-toggle>span { background-position: -15px -126px } .nav-login-clear { display: none; z-index: 10 } .nav-login-res { background: #f6f6f6; z-index: 8; position: relative; width: 150px } .nav-login-res ul { border: 1px solid #b7b7b7; border-top: 0; margin-top: -1px } .nav-login-res li { margin-left: 1px; font-size: 14px; color: #0063be; text-align: left; padding: 14px 22px; border-top: 1px solid #e7e7e7; cursor: pointer; position: relative; z-index: 1 } .nav-login-res li:hover { color: #00a0df; background: #d9f1fa; border-top: 1px solid #b7b7b7; border-bottom: 1px solid #b7b7b7; margin-bottom: -1px; z-index: 2 } #media_modal_session_content { display: none } .button-signin { position: relative; height: auto; display: inline-block; font-size: 16px; text-transform: none; padding: 15px; border: 1px solid #0063be; background-color: #0063be; color: #fff; min-height: 40px; width: 220px; text-align: center; margin-bottom: 9px; font-family: "Univers", Arial, sans-serif; -webkit-transition: background 500ms; transition: background 500ms } nav.ms-nav-buddy-menu.dss-user .ms-nav-buddy-inner #account_login { float: left; padding: 17px 15px 0 15px; margin-left: 30px } .reg-link { margin-left: 50px; font-size: .8em } .ms-icon:before { background-image: url("../../msi/assets/images/sprites/icon_spritesheet.png"); background-repeat: no-repeat; content: " "; display: inline-block; width: 20px; height: 20px; margin-right: 8px; vertical-align: middle; overflow: hidden; position: relative; top: -1px } .ms-icon.i-util-chat:before { background-position: -1260px center } .ms-icon.i-util-contact:before { background-position: -1300px center } .ms-icon.i-generic:before { background: 0 } .ms-icon.i-tour:before { background-position: left center } .ms-icon.i-video:before { background-position: -20px center } .ms-icon.i-pdf:before { background-position: -40px center } .ms-icon.i-lock:before { background-position: -60px center } .ms-icon.i-people:before { background-position: -80px center } .ms-icon.i-cart:before { background-position: -100px center } .ms-icon.i-share:before { background-position: -120px center } .ms-icon.i-chat:before { background-position: -140px center } .ms-icon.i-contact:before { background-position: -160px center } .ms-icon.i-manual:before { background-position: -180px center } .ms-icon.i-person:before { background-position: -400px center } .ms-icon.i-mail:before { background-position: -660px center } .ms-icon.i-search:before { background-position: -720px center } .ms-icon.i-filter:before { background-position: -780px center } .ms-icon.i-ext:before { background-position: -840px center } .ms-icon.i-download:before { background-position: -900px center } .ms-icon.i-form:before { background-position: -960px center } .ms-icon.i-download-tray:before { background-position: -1020px center } .ms-icon.i-exit:before { background-position: -1080px center } .ms-icon.i-fax:before { background-position: -1340px center } .ms-icon.i-print:before { background-position: -1360px center } .ms-icon.i-white { color: #fff } .ms-icon.i-white.i-tour:before { background-position: -200px center } .ms-icon.i-white.i-video:before { background-position: -220px center } .ms-icon.i-white.i-pdf:before { background-position: -240px center } .ms-icon.i-white.i-lock:before { background-position: -260px center } .ms-icon.i-white.i-people:before { background-position: -280px center } .ms-icon.i-white.i-cart:before { background-position: -300px center } .ms-icon.i-white.i-share:before { background-position: -320px center } .ms-icon.i-white.i-chat:before { background-position: -340px center } .ms-icon.i-white.i-contact:before { background-position: -360px center } .ms-icon.i-white.i-manual:before { background-position: -380px center } .ms-icon.i-white.i-person:before { background-position: -420px center } .ms-icon.i-white.i-mail:before { background-position: -680px center } .ms-icon.i-white.i-search:before { background-position: -740px center } .ms-icon.i-white.i-filter:before { background-position: -800px center } .ms-icon.i-white.i-ext:before { background-position: -860px center } .ms-icon.i-white.i-download:before { background-position: -920px center } .ms-icon.i-white.i-form:before { background-position: -980px center } .ms-icon.i-white.i-download-tray:before { background-position: -1040px center } .ms-icon.i-white.i-exit:before { background-position: -1100px center } .ms-btn-link>a { display: inline-block; position: relative; padding: 13px 10px 13px 25px; font-size: 12px; font-size: .75rem; line-height: 1.25; font-weight: 700; text-transform: uppercase; min-height: 14px; line-height: 1.2 } .ms-btn-link>a:before { position: absolute; left: -3px; top: 9px } .ms-btn-link>a.centered:before { top: 50%; margin-top: -10px } .ms-btn-link>a:hover { color: #00a0df } .ms-btn-link>a:hover.i-tour:before { background-position: -440px center } .ms-btn-link>a:hover.i-video:before { background-position: -460px center } .ms-btn-link>a:hover.i-pdf:before { background-position: -480px center } .ms-btn-link>a:hover.i-lock:before { background-position: -500px center } .ms-btn-link>a:hover.i-people:before { background-position: -520px center } .ms-btn-link>a:hover.i-cart:before { background-position: -540px center } .ms-btn-link>a:hover.i-share:before { background-position: -560px center } .ms-btn-link>a:hover.i-chat:before { background-position: -580px center } .ms-btn-link>a:hover.i-contact:before { background-position: -600px center } .ms-btn-link>a:hover.i-manual:before { background-position: -620px center } .ms-btn-link>a:hover.i-person:before { background-position: -640px center } .ms-btn-link>a:hover.i-mail:before { background-position: -700px center } .ms-btn-link>a:hover.i-search:before { background-position: -760px center } .ms-btn-link>a:hover.i-filter:before { background-position: -820px center } .ms-btn-link>a:hover.i-ext:before { background-position: -880px center } .ms-btn-link>a:hover.i-download:before { background-position: -940px center } .ms-btn-link>a:hover.i-exit:before { background-position: -1120px center } .ms-btn-link-no-icon>a { padding-left: 0 } .lt-ie9 .ms-btn-link>a { min-height: 0 } .global-icons { float: left } .global-icons .icon-global { float: right } .global-icons .icon-global#nav-cart a:hover svg { fill: #00a0df } .global-icons .icon-global#nav-buddy a:hover svg { fill: #00a0df } .global-icons .icon-global .nav-icon { padding: 1px 6px } .global-icons .icon-global .nav-icon>.icon span { position: absolute; background-color: #00a0df; padding: 3px 0px; height: 20px; width: 20px; border-radius: 100%; color: #fff; font-size: 16px; font-weight: bold; top: 8px; left: -20px; font-family: Arial; line-height: .9; -moz-transition: font-size .3s; -webkit-transition: font-size .3s; -ms-transition: font-size .3s; -o-transition: font-size .3s; transition: font-size .3s; margin-left: 0px; } .global-icons .icon-global .nav-icon#cart-link>.icon span { background-color: #00a0df; } .global-icons .icon-global .nav-icon#buddy-toggle>.icon span { background-color: #0063be } .ms-nav-depth-0 { float: left; margin-left: 30px; white-space: nowrap } .ms-nav-depth-0 a { display: inline-block } .ms-nav-depth-0 a>span { -moz-transition: background-color .3s ease-in-out; -webkit-transition: background-color .3s ease-in-out; -ms-transition: background-color .3s ease-in-out; -o-transition: background-color .3s ease-in-out; transition: background-color .3s ease-in-out } .ms-nav-depth-0 a:hover { z-index: 5 } .ms-nav-depth-0 a:hover>span { background: #fff; border-bottom: solid 3px #0063be } .ms-nav-depth-0 a:hover>span:before { display: none } .ms-nav-depth-0>li { display: inline-block; padding: 0; margin-left: -4px } .ms-nav-depth-0>li:first-child { margin-left: 1px } .ms-nav-depth-0>li.hassub.anim-in .nav-flyout { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 1 } .ms-nav-depth-0>li.hassub.anim-in .nav-flyout:before, .ms-nav-depth-0>li.hassub.anim-in .nav-flyout:after { content: " " } .ms-nav-depth-0>li.hassub.show-fly>a { color: #00a0df; z-index: 6 } .ms-nav-depth-0>li.hassub.show-fly>a>span { border-bottom: solid 3px #0063be } .ms-nav-depth-0>li.hassub.show-fly>a>span:before { display: none } .ms-nav-depth-0>li.hassub.show-fly .ms-hide-pane { top: 59px; height: auto; z-index: 5; width: calc(100% - 40px); left: 20px } .ms-nav-depth-0>li.hassub.show-fly .nav-flyout { visibility: visible; height: auto } .ms-nav-depth-0>li.hassub.show-fly .nav-flyout:before, .ms-nav-depth-0>li.hassub.show-fly .nav-flyout:after { content: " " } .ms-nav-depth-0>li.hassub.show-fly .flyout-gutter a:after { content: " " } .ms-nav-depth-0>li.hassub>a { position: relative } .ms-nav-depth-0>li.hassub>a:after { content: " "; display: block; width: 11px; height: 7px; position: absolute; overflow: hidden; right: 22px; top: 50%; margin-top: -3px } .ms-nav-depth-0>li.haslock>a:after { background: transparent url("/wp-content/themes/html5blank-stable/img/icons/sprite_main.png") -25px -98px no-repeat; width: 11px; height: 13px; margin-top: -6px; content: " "; display: block; position: absolute; overflow: hidden; right: -20px } .ms-nav-depth-0>li.haslock>a:hover { border: 0 } .ms-nav-depth-0>li.haslocksub>a:after { background: transparent url("/wp-content/themes/html5blank-stable/img/icons/sprite_main.png") -25px -98px no-repeat; width: 22px !important; right: 18px !important; height: 13px; margin-top: -6px } .ms-nav-depth-0>li>a { padding: 24px 0 18px 0; margin-right: 23px; font-size: 14px; font-size: .8rem; line-height: 1.375; text-transform: capitalize; position: relative; z-index: 3 } .ms-nav-depth-0>li>a>span { display: inline-block; position: absolute; top: 0; left: -1px; right: -1px; bottom: 0; z-index: -1 } .ms-nav-depth-0>li>a>span:before, .ms-nav-depth-0>li>a>span:after { content: " "; display: block; position: absolute; left: 0 } .ms-nav-depth-0>li>a>span:after { top: 0; right: 0; bottom: 0; -moz-transition: background-color .3s cubic-bezier(0.3, 0.8, 0.35, 0.9); -webkit-transition: background-color .3s cubic-bezier(0.3, 0.8, 0.35, 0.9); -ms-transition: background-color .3s cubic-bezier(0.3, 0.8, 0.35, 0.9); -o-transition: background-color .3s cubic-bezier(0.3, 0.8, 0.35, 0.9); transition: background-color .3s cubic-bezier(0.3, 0.8, 0.35, 0.9) } .ms-nav-depth-0>.active>a { color: #fff; z-index: 4 } .ms-nav-depth-0>.active>a:after { background-position: -42px -49px } .ms-nav-depth-0>.active>a>span { background: #fff } .ms-nav-depth-0>.active>a>span:before { display: none } .ms-nav-depth-0 .ms-hide-pane { position: absolute; overflow: hidden; top: -9999px } .ms-nav-depth-0 .nav-flyout { background: #fff; background: rgba(255, 255, 255, 0.97); margin: 1px 0 10px; height: 0; visibility: hidden; position: relative; border: 1px solid #ccc; border-top: 0 } .ms-nav-depth-0 .nav-flyout:before, .ms-nav-depth-0 .nav-flyout:after { content: " "; position: absolute; top: 0; left: 0; right: 0; display: block } .ms-nav-depth-0 .nav-flyout:before { height: 30px; background-color: rgba(255, 255, 255, 0.5); background: -moz-linear-gradient(top, #fff 0, rgba(255, 255, 255, 0) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(100%, rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(top, #fff 0, rgba(255, 255, 255, 0) 100%); background: -o-linear-gradient(top, #fff 0, rgba(255, 255, 255, 0) 100%); background: -ms-linear-gradient(top, #fff 0, rgba(255, 255, 255, 0) 100%); background: linear-gradient(to bottom, #fff 0, rgba(255, 255, 255, 0) 100%) } .ms-nav-depth-0 .nav-flyout:after { z-index: -1; bottom: 0 } .flyout-gutter { clear: both; margin: 0 10px 0; padding: 20px 0 20px 0; border-top: 1px solid #ccc } .flyout-gutter a { text-transform: uppercase; font-weight: 700; font-size: 12px; position: relative; margin-left: 20px } .flyout-gutter a:first-child { margin-left: 0 } .flyout-gutter a.haslock:after { content: " "; display: inline-block; margin-left: 9px; height: 11px; width: 20px; overflow: hidden; position: relative; top: 1px; background: url("/wp-content/themes/html5blank-stable/img/icons/sprite_main.png") -24px -112px no-repeat } .flyout-gutter a:hover { color: #0063be } .ms-nav-depth-1 { position: relative; *zoom: 1 } .ms-nav-depth-1:before, .ms-nav-depth-1:after { display: table; content: ""; line-height: 0 } .ms-nav-depth-1:after { clear: both } .ms-nav-depth-1>li { padding-bottom: 18px } .ie8 .ms-nav-depth-0>li.hassub>a { padding-right: 40px !important } .ie8 .ms-nav-depth-0>li.haslock>a { padding-right: 50px !important } .ie8 .ms-nav-depth-0>li>a { padding-right: 15px !important } .ms-icon:before { background-image: url("../../msi/assets/images/sprites/icon_spritesheet.png"); background-repeat: no-repeat; content: " "; display: inline-block; width: 20px; height: 20px; margin-right: 8px; vertical-align: middle; overflow: hidden; position: relative; top: -1px } .ms-icon.i-util-chat:before { background-position: -1260px center } .ms-icon.i-util-contact:before { background-position: -1300px center } .ms-icon.i-generic:before { background: 0 } .ms-icon.i-tour:before { background-position: left center } .ms-icon.i-video:before { background-position: -20px center } .ms-icon.i-pdf:before { background-position: -40px center } .ms-icon.i-lock:before { background-position: -60px center } .ms-icon.i-people:before { background-position: -80px center } .ms-icon.i-cart:before { background-position: -100px center } .ms-icon.i-share:before { background-position: -120px center } .ms-icon.i-chat:before { background-position: -140px center } .ms-icon.i-contact:before { background-position: -160px center } .ms-icon.i-manual:before { background-position: -180px center } .ms-icon.i-person:before { background-position: -400px center } .ms-icon.i-mail:before { background-position: -660px center } .ms-icon.i-search:before { background-position: -720px center } .ms-icon.i-filter:before { background-position: -780px center } .ms-icon.i-ext:before { background-position: -840px center } .ms-icon.i-download:before { background-position: -900px center } .ms-icon.i-form:before { background-position: -960px center } .ms-icon.i-download-tray:before { background-position: -1020px center } .ms-icon.i-exit:before { background-position: -1080px center } .ms-icon.i-fax:before { background-position: -1340px center } .ms-icon.i-print:before { background-position: -1360px center } .ms-icon.i-white { color: #fff } .ms-icon.i-white.i-tour:before { background-position: -200px center } .ms-icon.i-white.i-video:before { background-position: -220px center } .ms-icon.i-white.i-pdf:before { background-position: -240px center } .ms-icon.i-white.i-lock:before { background-position: -260px center } .ms-icon.i-white.i-people:before { background-position: -280px center } .ms-icon.i-white.i-cart:before { background-position: -300px center } .ms-icon.i-white.i-share:before { background-position: -320px center } .ms-icon.i-white.i-chat:before { background-position: -340px center } .ms-icon.i-white.i-contact:before { background-position: -360px center } .ms-icon.i-white.i-manual:before { background-position: -380px center } .ms-icon.i-white.i-person:before { background-position: -420px center } .ms-icon.i-white.i-mail:before { background-position: -680px center } .ms-icon.i-white.i-search:before { background-position: -740px center } .ms-icon.i-white.i-filter:before { background-position: -800px center } .ms-icon.i-white.i-ext:before { background-position: -860px center } .ms-icon.i-white.i-download:before { background-position: -920px center } .ms-icon.i-white.i-form:before { background-position: -980px center } .ms-icon.i-white.i-download-tray:before { background-position: -1040px center } .ms-icon.i-white.i-exit:before { background-position: -1100px center } .ms-btn-link>a { display: inline-block; position: relative; padding: 13px 10px 13px 25px; font-size: 12px; font-size: .75rem; line-height: 1.25; font-weight: 700; text-transform: uppercase; min-height: 14px; line-height: 1.2 } .ms-btn-link>a:before { position: absolute; left: -3px; top: 9px } .ms-btn-link>a.centered:before { top: 50%; margin-top: -10px } .ms-btn-link>a:hover { color: #00a0df } .ms-btn-link>a:hover.i-tour:before { background-position: -440px center } .ms-btn-link>a:hover.i-video:before { background-position: -460px center } .ms-btn-link>a:hover.i-pdf:before { background-position: -480px center } .ms-btn-link>a:hover.i-lock:before { background-position: -500px center } .ms-btn-link>a:hover.i-people:before { background-position: -520px center } .ms-btn-link>a:hover.i-cart:before { background-position: -540px center } .ms-btn-link>a:hover.i-share:before { background-position: -560px center } .ms-btn-link>a:hover.i-chat:before { background-position: -580px center } .ms-btn-link>a:hover.i-contact:before { background-position: -600px center } .ms-btn-link>a:hover.i-manual:before { background-position: -620px center } .ms-btn-link>a:hover.i-person:before { background-position: -640px center } .ms-btn-link>a:hover.i-mail:before { background-position: -700px center } .ms-btn-link>a:hover.i-search:before { background-position: -760px center } .ms-btn-link>a:hover.i-filter:before { background-position: -820px center } .ms-btn-link>a:hover.i-ext:before { background-position: -880px center } .ms-btn-link>a:hover.i-download:before { background-position: -940px center } .ms-btn-link>a:hover.i-exit:before { background-position: -1120px center } .ms-btn-link-no-icon>a { padding-left: 0 } .lt-ie9 .ms-btn-link>a { min-height: 0 } .ms-nav-util { float: right; right: 0; height: 60px; line-height: 34px } .ms-nav-util span { display: none } .ms-nav-util .nav-icon:hover .icon svg { fill: #00a0df } .ms-nav-util>ul { float: left } .ms-nav-util li { font-size: 11px; text-transform: uppercase; float: left; padding-left: 13px } .ms-nav-util li a { font-family: Arial, san-serif; font-weight: normal; text-transform: uppercase; display: block; min-height: 15px; margin-bottom: 0; padding-top: 0; padding-bottom: 0; padding-right: 0; color: transparent; font-size: 0; line-height: 0 } .ms-nav-util li a:hover { color: #00a0df } .ms-nav-util li a:hover.i-util-chat:before { background-position: -1280px center } .ms-nav-util li a:hover.i-util-contact:before { background-position: -1320px center } .ms-nav-util li a:after { content: " " } .ms-nav-util li:first-child { padding-left: 0 } .ms-nav-util .ms-util-personal { padding-left: 15px; margin-left: 15px } .ms-nav-util .ms-util-personal .no-link { font-family: Arial, san-serif; text-transform: uppercase } .ms-nav-util .ms-util-docs { padding-right: 5px } .ms-nav-util .ms-icon:before { margin-right: 4px } .ie8 .ms-nav-util .ms-util-personal { padding-left: 15px; margin-left: 15px } .ie8 .ms-nav-util .ms-util-docs { padding-right: 15px; margin-right: 15px } .ms-util-lang>img { border: 1px solid #ccc; margin-right: 6px; max-width: 18px; margin-top: -1px } .ms-util-access>li { padding-left: 0 } @media only screen and (max-width:600px) { .ms-util-personal .no-link { color: #fff } } .ms-flyout-list { line-height: 60px; float: left; width: 20%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 10px } .ms-flyout-list.w-25 { width: 25% } .ms-flyout-list.w-50 { width: 50% } .ms-flyout-list.cols-2 { *zoom: 1 } .ms-flyout-list.cols-2:before, .ms-flyout-list.cols-2:after { display: table; content: ""; line-height: 0 } .ms-flyout-list.cols-2:after { clear: both } .ms-flyout-list.cols-2 .ms-nav-depth-2 { width: 50%; float: left } .ms-flyout-list a { padding: 8px 0; width: 100%; font-size: 14px; font-size: .785rem; line-height: 1.375 } .ms-flyout-list a:hover { color: #00a0df } .ms-flyout-list .sec-title { line-height: 1.2; vertical-align: bottom; text-transform: uppercase; display: inline-block; font-size: 16px; width: 100%; color: #555; border-bottom: 1px solid #ccc; margin-bottom: 3px; padding-bottom: 9px } .ms-flyout-list .carrot-link { position: relative; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding-right: 24px } .ms-flyout-list .carrot-link span { position: relative; display: inline-block; border-bottom: none !important } .ms-flyout-list .carrot-link span:after { position: absolute; left: 0; display: inline-block; overflow: hidden; background: url("/wp-content/themes/html5blank-stable/img/icons/sprite_main.png") -39px -114px no-repeat; width: 6px; height: 10px; margin-left: 5px; margin-top: -10px } .ms-flyout-list .haslock span:after { width: 22px; height: 13px; background: url("/wp-content/themes/html5blank-stable/img/icons/sprite_main.png") -25px -112px no-repeat !important; top: -12px; margin-left: 6px; margin-top: 0 } .ms-flyout-list .haslock span:hover { border: 0 } .ms-flyout-list-promo.promo-first { padding: 20px 10px 0 20px } .ms-flyout-list-promo.promo-last { padding: 20px 20px 0 10px } .ms-flyout-list-promo img { width: 100% } .ms-flyout-list-promo h2 { font-family: 'univers'; font-size: 1.2em; line-height: 1.2em; margin: 5px 0 10px 0 } .ms-flyout-list-promo p { margin: 0; line-height: 1.2em; font-size: .9em; color: #777; margin: 5px 0 10px 0 } .ms-flyout-list-promo a.promo-cta { font-size: 12px; font-weight: 700; text-transform: uppercase; position: relative; padding-top: 0 } .ms-flyout-list-promo a.promo-cta:after { content: " "; display: inline-block; margin-left: 9px; height: 11px; width: 7px; overflow: hidden; position: relative; top: 1px; background: url("/wp-content/themes/html5blank-stable/img/icons/sprite_main.png") -48px -78px no-repeat } .ms-nav-depth-2 { line-height: 1.2 } .ms-nav-depth-2>li.haslock>a>span { background: transparent url("/wp-content/themes/html5blank-stable/img/icons/sprite_main.png") -25px -86px no-repeat; width: 11px; height: 13px; display: inline-block; margin-bottom: -2px; margin-left: 4px; border: 0 } .show-fly .carrot-link span:after { content: " " } .ms-nav-main { display: flex; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: -moz-box; z-index: 200 } .ms-nav-inner { width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box } .close-btn { width: 100%; background: 0; height: 45px; background-color: white; position: absolute; padding: 0; left: -50px; border-radius: 30px; border: 2px solid #fff } .close-btn:after { content: ''; position: absolute; height: 14px; border-right: 2px solid #000; transform: rotate(47deg); top: 18px; left: 22px } .close-btn:before { content: ''; position: absolute; height: 15px; border-right: 2px solid #000; transform: rotate(130deg); top: 9px; left: 22px } .ms-nav-shade { position: absolute; display: none; border: 0; top: 0; right: 0; width: 0; height: 0; filter: "alpha(opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0 } @media print { .ms-nav-main { display: none } } .lt-ie9 .ms-nav-inner { width: 1024px; min-width: 0 } .ms-footer-links h3 { font-size: 1.1rem; font-weight: bold; color: #555 } .ms-footer-links li { padding-bottom: 20px } .ms-footer-links a { color: #555 } .ms-footer-links a:hover { color: #00a0df } .ms-footer-feedback { border-radius: 5px; text-align: center; position: fixed; bottom: 20px; right: -8px; z-index: 1001; background: #0063be; border: solid 1px #f3f3f3 } .ms-footer-feedback img { padding: 10px; width: 12px; margin-right: 7px } .ms-footer-feedback:hover { background: #3f81c1 } @media only screen and (max-width:984px) { .ms-footer-links h3 { font-size: 1.0rem } } .ms-footer { background: #e8e8e8; color: #fff; position: relative; bottom: 0; left: 0; right: 0; min-height: 100px; z-index: 110; font-size: 12px; font-size: .75rem; line-height: 1.25; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box } .ms-footer .ms-site-cont { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 25px 40px } .lt-ie9 .ms-footer { position: static; overflow: hidden; min-height: 0 } .lt-ie9 .ms-footer .ms-site-cont { padding-left: 40px; padding-right: 40px; min-width: 0; max-width: none } .ms-copyright { margin: 0; bottom: -30px; color: #989898; clear: both; padding-top: 15px; -ms-transform: -ms-transform .4s cubic-bezier(0.3, 0.8, 0.35, 0.9); -webkit-transition: -webkit-transform .4s cubic-bezier(0.3, 0.8, 0.35, 0.9); -moz-transition: -moz-transform .4s cubic-bezier(0.3, 0.8, 0.35, 0.9); -o-transition: -o-transform .4s cubic-bezier(0.3, 0.8, 0.35, 0.9); transition: transform .4s cubic-bezier(0.3, 0.8, 0.35, 0.9) } @media only screen and (max-width:1024px) { .ms-footer .ms-site-cont { padding: 25px 20px } } @media only screen and (max-width:984px) { .ms-footer { z-index: auto; position: static } } @media only screen and (max-width:480px) { .ms-footer .ms-site-cont { padding: 15px 20px } } .ms-social-links-list { clear: both; background: #0063be; color: #fff; bottom: 111px; left: 0; right: 0; z-index: 110; -moz-transition: margin .4s cubic-bezier(0.3, 0.8, 0.35, 0.9); -webkit-transition: margin .4s cubic-bezier(0.3, 0.8, 0.35, 0.9); -ms-transition: margin .4s cubic-bezier(0.3, 0.8, 0.35, 0.9); -o-transition: margin .4s cubic-bezier(0.3, 0.8, 0.35, 0.9); transition: margin .4s cubic-bezier(0.3, 0.8, 0.35, 0.9); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; min-height: 55px; position: relative; top: 0 } .ms-social-links-list select { float: right; margin: -7px 5px 0 15px } .ms-social-links-list .ms-site-cont { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 15px 40px } .ms-social-links-list div { margin: 0 auto; min-width: 300px; max-width: 1240px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 40px } .ms-social-links-list div ul { position: relative; margin-left: -16px; float: left } .ms-social-links-list div ul li { float: left; margin-left: 10px; position: relative; width: 30px; height: 30px } .ms-social-links-list div ul li a { background-image: url("/wp-content/themes/html5blank-stable/img/socialmedia_spritesheet.png"); background-repeat: no-repeat; content: " "; display: inline-block; width: 100%; height: 100%; vertical-align: middle; overflow: hidden; position: absolute; top: 0 } .ms-social-links-list div ul li a.i-facebook { background-position: -1200px center } .ms-social-links-list div ul li a.i-twitter { background-position: -1240px center } .ms-social-links-list div ul li a.i-linkedin { background-position: -1280px center } .ms-social-links-list div ul li a.i-googleplus { background-position: -1320px center } .ms-social-links-list div ul li a.i-periscope { background-position: -1360px center } .ms-social-links-list div ul li a.i-youtube { background-position: -1400px center } .ms-social-links-list div ul li a.i-motorola-launchpad { background-position: -1440px center } .ms-social-links-list div ul li a.i-instagram { background-position: -1480px center } .ms-social-links-list div ul li a.i-pinterest { background-position: -1520px center } .ms-social-links-list div ul.ms-featured-footer-links { float: right; top: 4px } .ms-social-links-list div ul.ms-featured-footer-links li { height: auto; width: auto; margin-left: 20px } .ms-social-links-list div ul.ms-featured-footer-links li a { background: 0; position: relative; height: auto; width: auto; color: #fff; font-size: .8em } .ms-social-links-list div ul.ms-featured-footer-links li a:hover { color: #00a0df } .lt-ie9 .ms-social-links-list { position: static; overflow: hidden; min-height: 0 } @media only screen and (max-width:1024px) { .ms-social-links-list .ms-site-cont { padding: 15px 20px } } @media only screen and (max-width:984px) { .ms-social-links-list div ul { float: none } .ms-social-links-list { z-index: auto; position: static } .ms-social-links-list .select-location { float: none; margin: 10px 5px 0 0 } .ms-social-links-list div ul.ms-featured-footer-links { float: none; clear: both; padding: 8px 0 } .ms-social-links-list div ul.ms-featured-footer-links li { margin-left: 15px } } .ms-breadcrumbs { padding: 0 0 7px } .ms-breadcrumbs li { float: left; font-size: 10px; font-size: .625rem; line-height: 1.4; font-weight: 700; text-transform: uppercase; color: #acacac } .ms-breadcrumbs li:before { content: " \\ "; display: inline-block; padding-right: 7px } .ms-breadcrumbs li:first-child:before { display: none } .ms-breadcrumbs a { display: inline-block; padding-right: 7px } .ms-breadcrumbs-integrated { max-width: none !important; background-color: #fff; padding: 0 0 16px 0 !important; width: 100%; z-index: 100 } .ms-breadcrumbs-integrated li { color: #333; font-family: "univers-lt"; font-size: 14px; text-transform: none } .ms-breadcrumbs-integrated li a { font-size: 14px } .ms-breadcrumbs-integrated .nav { margin: auto; padding: 20px 40px 0 40px; max-width: 1160px } @media only screen and (max-width:600px) { .ms-breadcrumbs li { display: none } .ms-breadcrumbs li:nth-child(1) { display: block } .ms-breadcrumbs li:nth-child(1):before { display: none } .ms-breadcrumbs li.ms-breadcrumb-parent { display: block } } .ms-header-title { padding-bottom: 11px; border-bottom: 2px solid #ccc; margin-bottom: 20px } .ms-header-title h1 { margin: -3px 0 0 } .ms-header-title h2 { margin: 0; padding-top: 1px } @media only screen and (max-width:480px) { .ms-header-title { margin-bottom: 17px } } .back-to-top { position: fixed; bottom: 40px; -webkit-transform: translate3d(-40px, 0, 0); -moz-transform: translate3d(-40px, 0, 0); -ms-transform: translate3d(-40px, 0, 0); -o-transform: translate3d(-40px, 0, 0); transform: translate3d(-40px, 0, 0); width: 36px; height: 41px; display: block; z-index: 130; cursor: pointer; text-decoration: none; text-indent: 100%; overflow: hidden; border: 1px solid #ccc; border-left: 0; -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; outline: 0; background-color: #f9f9f9; background: -moz-linear-gradient(top, #fff 0, #f2f2f2 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(100%, #f2f2f2)); background: -webkit-linear-gradient(top, #fff 0, #f2f2f2 100%); background: -o-linear-gradient(top, #fff 0, #f2f2f2 100%); background: -ms-linear-gradient(top, #fff 0, #f2f2f2 100%); background: linear-gradient(to bottom, #fff 0, #f2f2f2 100%); -ms-transform: -ms-transform .4s ease-in-out; -webkit-transition: -webkit-transform .4s ease-in-out; -moz-transition: -moz-transform .4s ease-in-out; -o-transition: -o-transform .4s ease-in-out; transition: transform .4s ease-in-out } .back-to-top:after { content: " "; display: block; position: absolute; left: 50%; top: 50%; height: 7px; width: 11px; margin-top: -4px; margin-left: -6px; background: transparent url("/wp-content/themes/html5blank-stable/img/icons/sprite_main.png") -42px -42px no-repeat; overflow: hidden } .back-to-top:hover:after { content: " "; background-position: -53px -42px } .back-to-top.docked { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .lt-ie10 .back-to-top { left: -40px } .ms-media-modal { background: #fff; background: url(../../msi/assets/images/components/content-components/media_modal/bg_media_modal.png); position: fixed; top: 110%; right: 0; left: 0; height: 100%; padding: 40px 0 0 0; -moz-transition: top .3s cubic-bezier(0.3, 0.8, 0.35, 0.9); -webkit-transition: top .3s cubic-bezier(0.3, 0.8, 0.35, 0.9); -ms-transition: top .3s cubic-bezier(0.3, 0.8, 0.35, 0.9); -o-transition: top .3s cubic-bezier(0.3, 0.8, 0.35, 0.9); transition: top .3s cubic-bezier(0.3, 0.8, 0.35, 0.9); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; color: #fff; z-index: 210; visibility: hidden } .ms-media-modal.media-modal-show { visibility: visible } .ms-media-modal.media-modal-open .ms-media-modal-cont { height: 90% } .ms-media-modal object { display: block; width: 100%; height: 100%; background: #fff } .ms-media-modal .bcStatic { display: none } .ms-media-modal .ms-media-modal-cont { position: relative; height: 1px; max-height: 100%; max-width: 100%; width: 100%; margin: 0 auto; top: 40px; text-align: center } .ms-media-modal .ms-media-modal-cont[data-cont=video] { max-width: 1100px; max-height: 550px } .ms-media-modal .ms-media-modal-cont[data-cont=tour] { width: 100%; height: 100% } .ms-media-modal .ms-media-modal-cont[data-cont=gallery] { height: 100%; min-height: 90% } .ms-media-modal .ms-media-modal-cont span { display: block; width: 100%; height: 100% } .ms-media-modal .ms-modal-session-msg { background: #fff; border: solid 1px #ccc; width: 40%; margin: 0 auto; padding: 25px; opacity: 1.0 } .ms-media-modal .ms-modal-session-msg>.ms-modal-title { color: #0063be; font-family: "univers"; font-size: 25px } .ms-media-modal .ms-modal-session-msg>.ms-modal-desc { color: #444 } .ms-media-modal .ms-media-modal-close { display: block; height: 30px; width: 30px; border: 0; position: absolute; top: 27px; right: 47px; background: 0 } .ms-media-modal .ms-media-modal-close:after { background: transparent url("/wp-content/themes/html5blank-stable/img/icons/sprite_main.png") -43px -25px no-repeat; content: " "; display: block; position: absolute; height: 16px; width: 16px; top: 50%; left: 50%; margin-top: -8px; margin-left: -8px } .ms-media-modal iframe { border: 0; width: 100%; height: 100% } .ms-media-modal .ms-media-modal-cont .ms-photo-gallery .photo-container { height: 100% } .ms-media-modal .ms-photo-gallery { background: #fff; margin: 0 40px; min-height: 100%; position: relative; *zoom: 1 } .ms-media-modal .ms-photo-gallery:before, .ms-media-modal .ms-photo-gallery:after { display: table; content: ""; line-height: 0 } .ms-media-modal .ms-photo-gallery:after { clear: both } .ms-media-modal .ms-photo-gallery .photo-container { position: absolute; top: 0; left: 0; right: 100px } .ms-media-modal .ms-photo-gallery .photo-container.gallery-single { right: 0 } .ms-media-modal .ms-photo-gallery .photo-list { float: right; width: 100px; padding-top: 20px } .ms-media-modal .ms-photo-gallery .photo-list li { float: none; width: 60px; margin: 10px auto } .open-modal { cursor: pointer } .video-js { width: 800px; height: 450px; margin: auto; top: 20px; background: #fff } @media only screen and (max-width:984px) { .ms-media-modal { padding: 25px 0 0 0 } .ms-media-modal .ms-modal-session-msg { padding: 15px; width: 80% } .ms-media-modal .ms-modal-session-msg>.ms-modal-title { font-size: 18px } .ms-media-modal .ms-modal-session-msg p { font-size: .8em } .ms-media-modal .ms-media-modal-close { margin: 10px; right: 0; top: 0 } .ms-media-modal .ms-photo-gallery { margin: 0 20px } .video-js { width: 80%; height: 60%; margin: auto; top: 20px; background: #fff } } @media only screen and (max-width:480px) { .ms-media-modal .ms-modal-session-msg>.ms-modal-title { font-size: 21px } } .csstransitions .ms-media-modal.media-modal-open { top: 0 } .ms-btn { display: inline-block; font-size: 13px; text-transform: uppercase; padding: 16px 10px 13px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border: 0; width: 100%; text-align: center; margin-bottom: 9px } .ms-btn.ms-icon { padding-left: 52px; position: relative; text-align: left } .ms-btn.ms-icon:before { position: absolute; left: 12px; top: 50%; margin-top: -10px; margin-right: 0 } .ms-btn.ms-icon:after { content: " "; display: block; width: 1px; height: 20px; background: #67b979; top: 50%; margin-top: -10px; left: 41px; position: absolute } .ms-btn.ms-icon:hover.i-filter:before { background-position: -820px center } .ms-btn.btn-primary { color: #fff; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 0 rgba(0, 0, 0, 0.25); background-color: #329e41; background: -moz-linear-gradient(top, #39b44a 0, #2b8838 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #39b44a), color-stop(100%, #2b8838)); background: -webkit-linear-gradient(top, #39b44a 0, #2b8838 100%); background: -o-linear-gradient(top, #39b44a 0, #2b8838 100%); background: -ms-linear-gradient(top, #39b44a 0, #2b8838 100%); background: linear-gradient(to bottom, #39b44a 0, #2b8838 100%) } .ms-btn.btn-secondary { color: #0063be; border: 1px solid #ccc; background-color: #f9f9f9; background: -moz-linear-gradient(top, #fff 0, #f2f2f2 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(100%, #f2f2f2)); background: -webkit-linear-gradient(top, #fff 0, #f2f2f2 100%); background: -o-linear-gradient(top, #fff 0, #f2f2f2 100%); background: -ms-linear-gradient(top, #fff 0, #f2f2f2 100%); background: linear-gradient(to bottom, #fff 0, #f2f2f2 100%) } .ms-btn.btn-secondary:after { background: #ccc } .ms-btn.btn-secondary:hover { color: #00a0df } .ms-btn.btn-tertiary { color: #fff; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 0 rgba(0, 0, 0, 0.25); background-color: #005bae; background: -moz-linear-gradient(top, #0063be 0, #00529d 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #0063be), color-stop(100%, #00529d)); background: -webkit-linear-gradient(top, #0063be 0, #00529d 100%); background: -o-linear-gradient(top, #0063be 0, #00529d 100%); background: -ms-linear-gradient(top, #0063be 0, #00529d 100%); background: linear-gradient(to bottom, #0063be 0, #00529d 100%) } .ms-btn.btn-quaternary { color: #fff; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 0 rgba(0, 0, 0, 0.25); background-color: #f09938; background: -moz-linear-gradient(top, #f6ba41 0, #ea772f 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f6ba41), color-stop(100%, #ea772f)); background: -webkit-linear-gradient(top, #f6ba41 0, #ea772f 100%); background: -o-linear-gradient(top, #f6ba41 0, #ea772f 100%); background: -ms-linear-gradient(top, #f6ba41 0, #ea772f 100%); background: linear-gradient(to bottom, #f6ba41 0, #ea772f 100%) } .ms-btn.btn-quaternary.ms-icon:after { background: #fff !important } .ms-btn.btn-legacy { font-family: "Univers-b", Arial, san-serif !important; font-size: 18px !important; border-radius: 0 !important; color: #000 !important; background: #f3f3f3 !important; padding-right: 15px !important; margin-top: 10px !important; box-shadow: rgba(255, 255, 255, 0.4) 0 1px 0 0 inset, rgba(0, 0, 0, 0.24706) 0 1px 0 0 !important } .ms-btn.btn-legacy:hover { background: #dedede !important } .ms-btn.btn-legacy.ms-icon:after { content: none !important } .ms-btn.btn-width-sm { width: 22% !important } .ms-btn.btn-width-med { width: 44% !important } .ms-btn.btn-width-lrg { width: 66% !important } .ms-btn-plain { display: inline-block; font-size: 13px; text-transform: none; padding: 16px 0 0 0; border-radius: 0; -moz-box-sizing: none; -webkit-box-sizing: none; box-sizing: none; border: 0; width: 100%; text-align: left; margin-bottom: 9px } .ms-btn-plain.btn-primary { color: #fff; background-color: none !important; background: none !important } .ms-btn-plain.btn-secondary { color: #0063be; border: 0; background-color: none !important; background: none !important } .ms-btn-plain.btn-secondary:after { background: none !important } .ms-btn-plain.btn-secondary:hover { color: #00a0df !important } .ms-btn-plain a { font-family: "Arial" !important } .no-touch .btn-primary:hover { background-color: #195121; background: -moz-linear-gradient(top, #20672a 0, #123b18 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #20672a), color-stop(100%, #123b18)); background: -webkit-linear-gradient(top, #20672a 0, #123b18 100%); background: -o-linear-gradient(top, #20672a 0, #123b18 100%); background: -ms-linear-gradient(top, #20672a 0, #123b18 100%); background: linear-gradient(to bottom, #20672a 0, #123b18 100%) } .no-touch .btn-primary:hover:after { background: #4ba25e } @media only screen and (max-width:984px) { .ms-btn { max-width: none } .ms-btn.btn-width-sm { width: 100% } .ms-btn.btn-width-med { width: 100% } .ms-btn.btn-width-lrg { width: 100% } } @media only screen and (max-width:600px) { .ms-btn.ms-icon { display: block } .ms-overview-btn-links .brightcovevideo.section { display: inline-block; width: 49% } } .ms-icon:before { background-image: url("../../msi/assets/images/sprites/icon_spritesheet.png"); background-repeat: no-repeat; content: " "; display: inline-block; width: 20px; height: 20px; margin-right: 8px; vertical-align: middle; overflow: hidden; position: relative; top: -1px } .ms-icon.i-util-chat:before { background-position: -1260px center } .ms-icon.i-util-contact:before { background-position: -1300px center } .ms-icon.i-generic:before { background: 0 } .ms-icon.i-tour:before { background-position: left center } .ms-icon.i-video:before { background-position: -20px center } .ms-icon.i-pdf:before { background-position: -40px center } .ms-icon.i-lock:before { background-position: -60px center } .ms-icon.i-people:before { background-position: -80px center } .ms-icon.i-cart:before { background-position: -100px center } .ms-icon.i-share:before { background-position: -120px center } .ms-icon.i-chat:before { background-position: -140px center } .ms-icon.i-contact:before { background-position: -160px center } .ms-icon.i-manual:before { background-position: -180px center } .ms-icon.i-person:before { background-position: -400px center } .ms-icon.i-mail:before { background-position: -660px center } .ms-icon.i-search:before { background-position: -720px center } .ms-icon.i-filter:before { background-position: -780px center } .ms-icon.i-ext:before { background-position: -840px center } .ms-icon.i-download:before { background-position: -900px center } .ms-icon.i-form:before { background-position: -960px center } .ms-icon.i-download-tray:before { background-position: -1020px center } .ms-icon.i-exit:before { background-position: -1080px center } .ms-icon.i-fax:before { background-position: -1340px center } .ms-icon.i-print:before { background-position: -1360px center } .ms-icon.i-white { color: #fff } .ms-icon.i-white.i-tour:before { background-position: -200px center } .ms-icon.i-white.i-video:before { background-position: -220px center } .ms-icon.i-white.i-pdf:before { background-position: -240px center } .ms-icon.i-white.i-lock:before { background-position: -260px center } .ms-icon.i-white.i-people:before { background-position: -280px center } .ms-icon.i-white.i-cart:before { background-position: -300px center } .ms-icon.i-white.i-share:before { background-position: -320px center } .ms-icon.i-white.i-chat:before { background-position: -340px center } .ms-icon.i-white.i-contact:before { background-position: -360px center } .ms-icon.i-white.i-manual:before { background-position: -380px center } .ms-icon.i-white.i-person:before { background-position: -420px center } .ms-icon.i-white.i-mail:before { background-position: -680px center } .ms-icon.i-white.i-search:before { background-position: -740px center } .ms-icon.i-white.i-filter:before { background-position: -800px center } .ms-icon.i-white.i-ext:before { background-position: -860px center } .ms-icon.i-white.i-download:before { background-position: -920px center } .ms-icon.i-white.i-form:before { background-position: -980px center } .ms-icon.i-white.i-download-tray:before { background-position: -1040px center } .ms-icon.i-white.i-exit:before { background-position: -1100px center } .ms-btn-link>a { display: inline-block; position: relative; padding: 13px 10px 13px 25px; font-size: 12px; font-size: .75rem; line-height: 1.25; font-weight: 700; text-transform: uppercase; min-height: 14px; line-height: 1.2 } .ms-btn-link>a:before { position: absolute; left: -3px; top: 9px } .ms-btn-link>a.centered:before { top: 50%; margin-top: -10px } .ms-btn-link>a:hover { color: #00a0df } .ms-btn-link>a:hover.i-tour:before { background-position: -440px center } .ms-btn-link>a:hover.i-video:before { background-position: -460px center } .ms-btn-link>a:hover.i-pdf:before { background-position: -480px center } .ms-btn-link>a:hover.i-lock:before { background-position: -500px center } .ms-btn-link>a:hover.i-people:before { background-position: -520px center } .ms-btn-link>a:hover.i-cart:before { background-position: -540px center } .ms-btn-link>a:hover.i-share:before { background-position: -560px center } .ms-btn-link>a:hover.i-chat:before { background-position: -580px center } .ms-btn-link>a:hover.i-contact:before { background-position: -600px center } .ms-btn-link>a:hover.i-manual:before { background-position: -620px center } .ms-btn-link>a:hover.i-person:before { background-position: -640px center } .ms-btn-link>a:hover.i-mail:before { background-position: -700px center } .ms-btn-link>a:hover.i-search:before { background-position: -760px center } .ms-btn-link>a:hover.i-filter:before { background-position: -820px center } .ms-btn-link>a:hover.i-ext:before { background-position: -880px center } .ms-btn-link>a:hover.i-download:before { background-position: -940px center } .ms-btn-link>a:hover.i-exit:before { background-position: -1120px center } .ms-btn-link-no-icon>a { padding-left: 0 } .lt-ie9 .ms-btn-link>a { min-height: 0 } .ms-popover-btn { position: relative } .ms-popover-btn .popover-btn-pop { position: absolute; left: -300px; top: 0; border: 1px solid #ccc; background-color: #f0f0f0; height: auto; width: 300px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 15px 20px; text-transform: uppercase; filter: "alpha(opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; visibility: hidden; -moz-transition: opacity .5s cubic-bezier(0.3, 0.8, 0.35, 0.9); -webkit-transition: opacity .5s cubic-bezier(0.3, 0.8, 0.35, 0.9); -ms-transition: opacity .5s cubic-bezier(0.3, 0.8, 0.35, 0.9); -o-transition: opacity .5s cubic-bezier(0.3, 0.8, 0.35, 0.9); transition: opacity .5s cubic-bezier(0.3, 0.8, 0.35, 0.9); z-index: 170 } .ms-popover-btn .popover-btn-pop:after, .ms-popover-btn .popover-btn-pop:before { left: 100%; top: 25px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute } .ms-popover-btn .popover-btn-pop:after { border-color: transparent; border-left-color: #f0f0f0; border-width: 15px; margin-top: -15px } .ms-popover-btn .popover-btn-pop:before { border-color: transparent; border-left-color: #ccc; border-width: 16px; margin-top: -16px } .ms-popover-btn .popover-btn-pop h3 { margin-top: 0; margin-bottom: 6px; display: inline-block; font-size: 16px } .ms-popover-btn .popover-btn-pop .popover-close { background: transparent url("/wp-content/themes/html5blank-stable/img/icons/sprite_main.png") -25px -65px no-repeat; height: 20px; width: 20px; min-width: 0; display: block; float: right; cursor: pointer; border: 0; position: relative; z-index: 1; overflow: hidden; margin: 0; padding: 0 } .ms-popover-btn .popover-open { filter: "alpha(opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; visibility: visible } .ms-popover-btn .popover-open:before, .ms-popover-btn .popover-open:after, .ms-popover-btn .popover-open.popover-btn-pop .ms-btn-link a:before { content: " " } @media only screen and (max-width:600px) { .ms-popover-btn div.popover-btn-pop { position: fixed; overflow-y: auto; top: 100%; margin-top: 56px; right: 0; left: 0; border: 0; background-color: #0063be; background-color: rgba(0, 99, 190, 0.9); height: 100%; width: auto; padding: 0; opacity: 1; visibility: visible; -ms-transform: -ms-transform .8s cubic-bezier(0.3, 0.8, 0.35, 0.9); -webkit-transition: -webkit-transform .8s cubic-bezier(0.3, 0.8, 0.35, 0.9); -moz-transition: -moz-transform .8s cubic-bezier(0.3, 0.8, 0.35, 0.9); -o-transition: -o-transform .8s cubic-bezier(0.3, 0.8, 0.35, 0.9); transition: transform .8s cubic-bezier(0.3, 0.8, 0.35, 0.9); z-index: 210 } .ms-popover-btn div.popover-btn-pop.fast { -ms-transform: none 0 cubic-bezier(0.3, 0.8, 0.35, 0.9); -webkit-transition: none 0 cubic-bezier(0.3, 0.8, 0.35, 0.9); -moz-transition: none 0 cubic-bezier(0.3, 0.8, 0.35, 0.9); -o-transition: none 0 cubic-bezier(0.3, 0.8, 0.35, 0.9); transition: none 0 cubic-bezier(0.3, 0.8, 0.35, 0.9) } .ms-popover-btn div.popover-btn-pop.popover-open { -webkit-transform: translate3d(0, -100%, 0); -moz-transform: translate3d(0, -100%, 0); -ms-transform: translate3d(0, -100%, 0); -o-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) } .ms-popover-btn div.popover-btn-pop:after, .ms-popover-btn div.popover-btn-pop:before { display: none } .ms-popover-btn div.popover-btn-pop .popover-header { background-color: #0766be; background-color: rgba(0, 99, 190, 0.7); border-bottom: 1px solid #105799; padding: 0 56px 0 20px; position: relative; min-height: 30px } .ms-popover-btn div.popover-btn-pop h3 { color: #fff; padding: 22px 0; margin: 0 } .ms-popover-btn div.popover-btn-pop a { color: #fff } .ms-popover-btn div.popover-btn-pop .popover-close { background: 0; position: absolute; top: 0; bottom: 0; right: 0; width: 56px; min-height: 30px; height: auto } .ms-popover-btn div.popover-btn-pop .popover-close:after { background: transparent url("/wp-content/themes/html5blank-stable/img/icons/sprite_main.png") -50px -8px no-repeat; content: " "; display: inline-block; position: absolute; width: 16px; height: 16px; top: 50%; left: 50%; margin-left: -8px; margin-top: -8px; overflow: hidden } } .ms-how-to-buy .popover-btn-pop { left: -318px; width: 300px } .ms-how-to-buy .popover-btn-pop ul li { overflow: hidden } .ms-how-to-buy .popover-btn-pop ul li a { cursor: pointer; margin-bottom: 0; font-weight: bold; display: block } .ms-how-to-buy .popover-btn-pop ul li a:before { left: 0 } @media only screen and (max-width:600px) { .ms-how-to-buy .popover-btn-pop ul li { border-bottom: 1px solid #105799 } .ms-how-to-buy .popover-btn-pop ul li a { padding: 23px 10px 23px 48px; width: 100% } .ms-how-to-buy .popover-btn-pop ul li a:before { left: 20px; top: 20px } .ms-how-to-buy .popover-btn-pop ul li a:hover { color: #00a0df } .ms-how-to-buy .ms-btn-link .i-tour:before { background-position: -200px center } .ms-how-to-buy .ms-btn-link .i-video:before { background-position: -220px center } .ms-how-to-buy .ms-btn-link .i-pdf:before { background-position: -240px center } .ms-how-to-buy .ms-btn-link .i-lock:before { background-position: -260px center } .ms-how-to-buy .ms-btn-link .i-people:before { background-position: -280px center } .ms-how-to-buy .ms-btn-link .i-cart:before { background-position: -300px center } .ms-how-to-buy .ms-btn-link .i-share:before { background-position: -320px center } .ms-how-to-buy .ms-btn-link .i-chat:before { background-position: -340px center } .ms-how-to-buy .ms-btn-link .i-contact:before { background-position: -360px center } .ms-how-to-buy .ms-btn-link .i-manual:before { background-position: -380px center } .ms-how-to-buy .ms-btn-link .i-person:before { background-position: -420px center } .ms-how-to-buy .ms-btn-link .i-mail:before { background-position: -680px center } .ms-how-to-buy .ms-btn-link .i-search:before { background-position: -740px center } .ms-how-to-buy .ms-btn-link .i-filter:before { background-position: -800px center } .ms-how-to-buy .ms-btn-link .i-ext:before { background-position: -860px center } .ms-how-to-buy .ms-btn-link .i-download:before { background-position: -920px center } .ms-how-to-buy .ms-btn-link .i-form:before { background-position: -980px center } .ms-how-to-buy .ms-btn-link .i-download-tray:before { background-position: -1040px center } } .ms-empowering-tools .popover-btn-pop { left: -468px; width: 450px } .ms-empowering-tools .popover-btn-pop div.tool-row-all { background: url(../../msi/assets/images/sprites/bg_emp_tools.png) 200px -6px no-repeat; -moz-column-width: 13em; -webkit-column-width: 13em; -moz-column-gap: 1em; -webkit-column-gap: 1em; width: 440px } .ms-empowering-tools .popover-btn-pop div.tool-column { width: 204px; float: left } .ms-empowering-tools .popover-btn-pop div.tool-details { clear: both; display: table; background-image: none } .ms-empowering-tools .popover-btn-pop div.tool-details ul { width: 408px } .ms-empowering-tools .popover-btn-pop div.tool-details ul li { float: right } .ms-empowering-tools .popover-btn-pop h3 { margin-top: 3px; margin-bottom: 0 } .ms-empowering-tools .popover-btn-pop ul { display: inline-block; margin-top: 20px; width: 184px } .ms-empowering-tools .popover-btn-pop ul li.title { font-weight: bold; font-size: .8em; padding-bottom: 7px } .ms-empowering-tools .popover-btn-pop ul li a { cursor: pointer; margin-bottom: 0; font-weight: bold; display: block; padding: 8px 0 8px 0; text-transform: none } .ms-empowering-tools .popover-btn-pop ul li a:before { left: 0 } .ms-empowering-tools .popover-btn-pop ul li a.tool-more-link { padding: 13px 0 13px 25px } @media only screen and (max-width:600px) { .ms-empowering-tools .popover-btn-pop div.tool-row-all { background-image: none; display: table; width: 100% } .ms-empowering-tools .popover-btn-pop div.tool-row-all ul { float: none; width: 100%; padding: 0; margin: 0 } .ms-empowering-tools .popover-btn-pop div.tool-row-all ul li.title { color: #fff } .ms-empowering-tools .popover-btn-pop div.tool-row-all ul li.title { padding: 23px 10px 23px 20px } .ms-empowering-tools .popover-btn-pop div.tool-row-all ul li { border-bottom: 1px solid #105799 } .ms-empowering-tools .popover-btn-pop div.tool-row-all ul li a { padding: 13px 10px 13px 20px; width: 100% } .ms-empowering-tools .popover-btn-pop div.tool-row-all ul li a:before { left: 20px } .ms-empowering-tools .popover-btn-pop div.tool-row-all ul li a:hover { color: #00a0df } .ms-empowering-tools .popover-btn-pop div.tool-column { width: 100%; float: none } .ms-empowering-tools .popover-btn-pop div.tool-details { background-image: none; margin: 10px 0 -5px 0 } .ms-empowering-tools .popover-btn-pop div.tool-details ul { width: auto; margin: 0 0 0 22px } .ms-empowering-tools .popover-btn-pop div.tool-details ul li { float: none; border-bottom: 0 } .ms-empowering-tools .popover-btn-pop div.tool-details ul li a.tool-more-link { padding: 13px 0 20px 35px } .ms-empowering-tools .ms-btn-link .i-ext:before { background-position: -860px center } } .ms-share-connect .popover-btn-pop { left: -416px; width: 398px } .ms-share-connect .popover-btn-pop ul { clear: both } .ms-share-connect .popover-btn-pop ul li { float: left; overflow: hidden; padding-left: 5px } .ms-share-connect .popover-btn-pop ul li:first-child { padding: 0 } .ms-share-connect .popover-btn-pop ul li a { cursor: pointer; margin-bottom: 0 } .ms-share-connect .popover-btn-pop .ms-btn-link { display: inline-block } .ms-share-connect .popover-btn-pop .ms-btn-link>a { display: inline-block; padding: 0; font-weight: 700; text-transform: uppercase; margin-bottom: 10px; position: relative; line-height: 1.2; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; height: 40px; width: 40px; overflow: hidden; text-indent: -999px } .ms-share-connect .popover-btn-pop .ms-btn-link>a:before { background-image: url("/wp-content/themes/html5blank-stable/img/socialmedia_spritesheet.png"); background-repeat: no-repeat; content: " "; display: inline-block; width: 40px; height: 40px; vertical-align: middle; overflow: hidden; position: absolute; top: 0; left: 0 } .ms-share-connect .popover-btn-pop .ms-btn-link>a.i-facebook:before { background-position: 0 center } .ms-share-connect .popover-btn-pop .ms-btn-link>a.i-twitter:before { background-position: -40px center } .ms-share-connect .popover-btn-pop .ms-btn-link>a.i-google:before { background-position: -80px center } .ms-share-connect .popover-btn-pop .ms-btn-link>a.i-email:before { background-position: -120px center } .ms-share-connect .popover-btn-pop .ms-btn-link>a.i-linkedin:before { background-position: -160px center } .ms-share-connect .popover-btn-pop .ms-btn-link>a.i-periscope:before { background-position: -200px center } .ms-share-connect .popover-btn-pop .ms-btn-link>a.i-youtube:before { background-position: -240px center } .ms-share-connect .popover-btn-pop .ms-btn-link>a.i-motorola-launchpad:before { background-position: -280px center } .ms-share-connect .popover-btn-pop .ms-btn-link>a.i-instagram:before { background-position: -320px center } .ms-share-connect .popover-btn-pop .ms-btn-link>a.i-pinterest:before { background-position: -360px center } .ms-share-connect .popover-btn-pop .ms-btn-link>a.i-white { color: #fff } .ms-share-connect .popover-btn-pop .ms-btn-link>a.i-white.i-facebook:before { background-position: -400px center } .ms-share-connect .popover-btn-pop .ms-btn-link>a.i-white.i-twitter:before { background-position: -440px center } .ms-share-connect .popover-btn-pop .ms-btn-link>a.i-white.i-google:before { background-position: -480px center } .ms-share-connect .popover-btn-pop .ms-btn-link>a.i-white.i-email:before { background-position: -520px center } .ms-share-connect .popover-btn-pop .ms-btn-link>a.i-white.i-linkedin:before { background-position: -560px center } .ms-share-connect .popover-btn-pop .ms-btn-link>a.i-white.i-periscope:before { background-position: -600px center } .ms-share-connect .popover-btn-pop .ms-btn-link>a.i-white.i-youtube:before { background-position: -640px center } .ms-share-connect .popover-btn-pop .ms-btn-link>a.i-white.i-motorola-launchpad:before { background-position: -680px center } .ms-share-connect .popover-btn-pop .ms-btn-link>a.i-white.i-instagram:before { background-position: -720px center } .ms-share-connect .popover-btn-pop .ms-btn-link>a.i-white.i-pinterest:before { background-position: -760px center } .ms-share-connect .popover-btn-pop .ms-btn-link>a:hover { color: #00a0df } .ms-share-connect .popover-btn-pop .ms-btn-link>a:hover.i-facebook:before { background-position: -800px center } .ms-share-connect .popover-btn-pop .ms-btn-link>a:hover.i-twitter:before { background-position: -840px center } .ms-share-connect .popover-btn-pop .ms-btn-link>a:hover.i-google:before { background-position: -880px center } .ms-share-connect .popover-btn-pop .ms-btn-link>a:hover.i-email:before { background-position: -920px center } .ms-share-connect .popover-btn-pop .ms-btn-link>a:hover.i-linkedin:before { background-position: -960px center } .ms-share-connect .popover-btn-pop .ms-btn-link>a:hover.i-periscope:before { background-position: -1000px center } .ms-share-connect .popover-btn-pop .ms-btn-link>a:hover.i-youtube:before { background-position: -1040px center } .ms-share-connect .popover-btn-pop .ms-btn-link>a:hover.i-motorola-launchpad:before { background-position: -1080px center } .ms-share-connect .popover-btn-pop .ms-btn-link>a:hover.i-instagram:before { background-position: -1120px center } .ms-share-connect .popover-btn-pop .ms-btn-link>a:hover.i-pinterest:before { background-position: -1160px center } @media only screen and (max-width:600px) { .ms-share-connect .popover-btn-pop .ms-btn-link { width: 100% } .ms-share-connect .popover-btn-pop ul li { float: none; width: 100%; border-bottom: 1px solid #105799; line-height: 0; padding: 0 } .ms-share-connect .popover-btn-pop ul li a { line-height: 1.2; padding: 0 20px 0 48px; width: 100% } .ms-share-connect .popover-btn-pop ul li a:hover { color: #00a0df } .ms-share-connect .popover-btn-pop .ms-btn-link>a { text-indent: 0; width: 100%; padding: 23px 20px 23px 70px; height: auto; margin: 0; max-height: none } .ms-share-connect .popover-btn-pop .ms-btn-link>a:before { left: 20px; top: 50%; margin-top: -20px } .ms-share-connect .popover-btn-pop .ms-btn-link>a.i-facebook:before { background-position: -400px center } .ms-share-connect .popover-btn-pop .ms-btn-link>a.i-twitter:before { background-position: -440px center } .ms-share-connect .popover-btn-pop .ms-btn-link>a.i-google:before { background-position: -480px center } .ms-share-connect .popover-btn-pop .ms-btn-link>a.i-email:before { background-position: -520px center } .ms-share-connect .popover-btn-pop .ms-btn-link>a.i-linkedin:before { background-position: -560px center } .ms-share-connect .popover-btn-pop .ms-btn-link>a.i-periscope:before { background-position: -600px center } .ms-share-connect .popover-btn-pop .ms-btn-link>a.i-youtube:before { background-position: -640px center } .ms-share-connect .popover-btn-pop .ms-btn-link>a.i-motorola-launchpad:before { background-position: -680px center } .ms-share-connect .popover-btn-pop .ms-btn-link>a.i-instagram:before { background-position: -720px center } .ms-share-connect .popover-btn-pop .ms-btn-link>a.i-pinterest:before { background-position: -760px center } } .ms-hero-home { margin-top: 51px; position: relative; background: #333; height: auto } .ms-hero-home .ms-site-cont { max-width: 100%; font-size: 0; overflow: hidden } @media(min-width:1920px) { .ms-hero-home .ms-site-cont { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 } } .ms-hero-home .slide-list { height: 230px; list-style: none; display: block; white-space: nowrap; overflow: visible; position: relative } .ms-hero-home .img-cont { position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: auto } .ms-hero-home .slide { font-size: 16px; white-space: normal; overflow: hidden; position: relative; z-index: 1; display: inline-block; width: 100%; height: 100%; vertical-align: top } .ms-hero-home h3 { font-size: 40px; margin-top: 0; margin-bottom: 7px; line-height: .95; text-transform: uppercase } .ms-hero-home p { color: #444; font-size: 24px; margin-top: 0; margin-bottom: 10px } .ms-hero-home a { font-size: 13px } .ms-hero-home .caption-cont { width: 100%; position: relative; z-index: 5; margin: 0 auto; max-width: 1240px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 40px } .ms-hero-home .caption { color: #000; width: 420px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; float: right; margin-top: 20px; background: #fff; background: rgba(255, 255, 255, 0.9); padding: 16px 20px } .ms-hero-home .caption.cap-left { float: left } .ms-hero-home .caption.cap-width-1 { width: 430px } .ms-hero-home .caption.cap-width-2 { width: 410px } .ms-hero-home .caption.cap-width-3 { width: 400px } .ms-hero-home .caption.cap-width-4 { width: 390px } .ms-hero-home .caption a { font-size: 12px; font-weight: 700; text-transform: uppercase; position: relative } .ms-hero-home .caption a:after { position: relative; content: " "; display: inline-block; width: 6px; height: 6px; border-right: 2px solid #0063be; border-top: 2px solid #0063be; transform: rotate(45deg); margin-left: 5px } .ms-hero-home .caption a:hover:after { border-right: 2px solid #00a0df; border-top: 2px solid #00a0df } .ms-hero-home .hero-nav { font-size: 16px; position: relative; margin-top: -30px; height: 30px; z-index: 4; text-align: center } .ms-hero-home .hero-nav ul { margin: 0 auto; display: inline-block } .ms-hero-home .hero-nav li { display: inline-block; margin-left: 10px } .ms-hero-home .hero-nav li:first-child { margin-left: 0 } .ms-hero-home .hero-nav a { display: inline-block; height: 20px; width: 20px; position: relative; text-indent: -9999px; overflow: hidden } .ms-hero-home .hero-nav a:after { content: " "; display: inline-block; position: absolute; width: 10px; height: 10px; top: 50%; left: 50%; margin-top: -5px; margin-left: -5px; background-color: #999; border: 2px solid #fff; -moz-transition: background-color .4s cubic-bezier(0.3, 0.8, 0.35, 0.9); -webkit-transition: background-color .4s cubic-bezier(0.3, 0.8, 0.35, 0.9); -ms-transition: background-color .4s cubic-bezier(0.3, 0.8, 0.35, 0.9); -o-transition: background-color .4s cubic-bezier(0.3, 0.8, 0.35, 0.9); transition: background-color .4s cubic-bezier(0.3, 0.8, 0.35, 0.9); -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px } .ms-hero-home .hero-nav .active a:after { content: " "; background-color: #0063be } .ms-hero-home.ms-hero-home-carousel { height: auto } @media only screen and (max-width:984px) { .ms-hero-home { margin-top: 0 } .ms-hero-home .caption.cap-width-1 { width: 384px !important } .ms-hero-home .caption.cap-width-2 { width: 364px !important } .ms-hero-home .caption.cap-width-3 { width: 354px !important } .ms-hero-home .caption.cap-width-4 { width: 344px !important } .ms-hero-home .caption-cont { padding: 0 20px } .ms-hero-home .caption { width: 374px } .ms-hero-home h3 { font-size: 36px; overflow-wrap: break-word } } @media only screen and (max-width:600px) { .ms-hero-home { background: 0 } .ms-hero-home h3 { font-size: 28px; overflow-wrap: break-word } .ms-hero-home p { font-size: 22px } .ms-hero-home .slide-list { height: auto !important } .ms-hero-home .img-cont { position: relative; height: 220px; bottom: auto } .ms-hero-home .caption-cont { padding: 0 20px } .ms-hero-home .caption { text-align: left; position: static; max-width: none; width: auto; padding: 0; float: none } .ms-hero-home .hero-nav { position: relative; top: 0; bottom: auto; margin-top: 10px } .ms-hero-home .ms-hero-home-sm .caption-cont { margin-top: 0 !important } .ms-hero-home .ms-hero-home-sm .control { top: 20% !important } .ms-hero-home .ms-hero-home-sm .hero-nav a:after { background-color: rgba(145, 145, 145, 0.7) !important; border: 0 } .ms-hero-home .ms-hero-home-sm .hero-nav a:hover:after { background-color: rgba(145, 145, 145, 0.9) !important } .ms-hero-home .ms-hero-home-sm .hero-nav .active a:after { background-color: #0063be !important; border: 0 } } .ms-hero-home-sm { margin-top: 0 !important } .ms-hero-home-sm .slide-list { height: 450px !important } .ms-hero-home-sm .caption-cont { margin-top: 0 } .ms-hero-home-sm .caption h1 { margin: 0; padding: 0; font-family: "univers-b"; line-height: 2.3rem } .ms-hero-home-sm .caption h3 { margin: 0; font-family: "univers-lt" !important; color: #777; font-size: 1.5rem; margin-top: 5px } .ms-hero-home-sm .caption p { font-family: "univers-lt"; margin-top: 5px; font-size: 1.1rem; margin-bottom: 5px } .ms-hero-home-sm .hero-nav { z-index: 101 } .ms-hero-home-sm .hero-nav a:after { background-color: rgba(255, 255, 255, 0.7); border: 0 } .ms-hero-home-sm .hero-nav a:hover:after { background-color: rgba(255, 255, 255, 0.9) } .ms-hero-home-sm .hero-nav .active a:after { background-color: #0063be !important; border: 0 } .ms-hero-home-sm button { width: auto; margin-top: 15px } .ms-hero-home-sm .control { position: absolute; height: 50px; width: 50px; top: 50%; z-index: 101 } .ms-hero-home-sm .control label { width: 100%; height: 32px; margin: 7px auto; display: block } .ms-hero-home-sm .control.next { right: 0; -webkit-transition: right .4s ease-out; transition: right .4s ease-out } .ms-hero-home-sm .control.next span { position: relative; display: block; margin: auto; width: 0; height: 0; border-top: 16px solid transparent; border-bottom: 16px solid transparent; border-left: 16px solid rgba(255, 255, 255, 0.8) } .ms-hero-home-sm .control.next:hover { right: -5px; -webkit-transition: right .4s ease-out; transition: right .4s ease-out } .ms-hero-home-sm .control.previous { left: 0; -webkit-transition: left .4s ease-out; transition: left .4s ease-out } .ms-hero-home-sm .control.previous span { position: relative; display: block; margin: auto; width: 0; height: 0; border-top: 16px solid transparent; border-bottom: 16px solid transparent; border-right: 16px solid rgba(255, 255, 255, 0.9) } .ms-hero-home-sm .control.previous:hover { left: -5px; -webkit-transition: left .4s ease-out; transition: left .4s ease-out } .ms-hero-home-mini { background: #fff } .ms-hero-home-mini .hero-nav a:after { background-color: rgba(145, 145, 145, 0.7) !important; border: 0 } .ms-hero-home-mini .hero-nav a:hover:after { background-color: rgba(145, 145, 145, 0.9) !important } .ms-hero-home-mini .slide-list { height: 250px !important } .ms-hero-home-mini .caption { width: 100%; padding: 15px } .ms-hero-home-mini .caption a { float: right; display: inline-block } .ms-hero-home-mini .caption .ms-btn { margin-top: -65px; float: none; display: inline-block; margin-left: 10px } .csstransitions .ms-hero-home .slide-list { -ms-transform: -ms-transform .4s cubic-bezier(0.3, 0.8, 0.35, 0.9); -webkit-transition: -webkit-transform .4s cubic-bezier(0.3, 0.8, 0.35, 0.9); -moz-transition: -moz-transform .4s cubic-bezier(0.3, 0.8, 0.35, 0.9); -o-transition: -o-transform .4s cubic-bezier(0.3, 0.8, 0.35, 0.9); transition: transform .4s cubic-bezier(0.3, 0.8, 0.35, 0.9) } .csstransitions .ms-hero-home .slide-list.no-trans { -moz-transition: none; -webkit-transition: none; -ms-transition: none; -o-transition: none; transition: none } .lt-ie9 .ms-hero-home .ms-site-cont { overflow: hidden; width: auto; max-width: 1920px } .lt-ie9 .ms-hero-home .caption-cont { max-width: 945px } @media only screen and (max-width:600px) { .ms-content-main-wide { margin-top: 0 !important } .ms-hero-home-sm .slide-list { height: auto !important; max-height: none !important } .ms-hero-home-sm .caption-cont { margin-top: 0; padding-top: 0 !important; padding: 0 20px 0 } .ms-hero-home-sm .caption-cont .caption { width: 100%; line-height: 1.875rem } .ms-hero-home-sm .caption-cont .caption button { width: 100% } .ms-hero-home-sm .caption-cont .caption p { min-height: 50px } .ms-hero-home-sm .control { top: 18% !important } .ms-hero-home-sm .hero-nav { margin-top: 10px; margin-bottom: 20px } .ms-hero-home-sm .hero-nav a:after { background-color: rgba(145, 145, 145, 0.7) !important; border: 0 } .ms-hero-home-sm .hero-nav a:hover:after { background-color: rgba(145, 145, 145, 0.9) !important } .ms-hero-home-sm .hero-nav .active a:after { background-color: #0063be !important; border: 0 } } .ms-img-full { overflow: hidden; position: relative; height: 180px } .ms-img-full img { display: block; position: absolute; margin: 0 auto; max-height: 100% !important; max-width: none; height: auto; width: auto } .ms-img-full.top>img { top: 0 } .ms-img-full.left>img { left: 0 } .ms-img-full.right>img { right: 0 } .ms-img-full.bottom>img { bottom: 0 } .ms-img-full.v-center>img { top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%) } .ms-img-full.h-center>img { left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%) } .ms-img-full.v-center.h-center>img { -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .ms-img-full[data-size="w"]>img { width: 100%; height: auto } .ms-img-full[data-size="h"]>img { height: 100%; width: auto } .backgroundsize .ms-img-full { background-size: cover; background-position: 50% 50%; background-repeat: no-repeat } .backgroundsize .ms-img-full.top.left { background-position: left top } .backgroundsize .ms-img-full.top.right { background-position: right top } .backgroundsize .ms-img-full.bottom.left { background-position: left bottom } .backgroundsize .ms-img-full.bottom.right { background-position: right bottom } .backgroundsize .ms-img-full.top.h-center { background-position: center top } .backgroundsize .ms-img-full.bottom.h-center { background-position: center bottom } .backgroundsize .ms-img-full.left.v-center { background-position: left center } .backgroundsize .ms-img-full.right.v-center { background-position: right center } .backgroundsize .ms-img-full.v-center.h-center { background-position: center center } .backgroundsize .ms-img-full img { filter: "alpha(opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; min-height: 100%; min-width: 100% } @media print { .backgroundsize .ms-img-full .background-size .ms-img-full img { filter: "alpha(opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1 } } .no-backgroundsize .ms-img-full { background-image: none !important } .no-backgroundsize .ms-img-full.v-center>img { top: 0 } .no-backgroundsize .ms-img-full.h-center>img { left: 0 } .ms-news-ticker { margin-bottom: 20px; position: relative } .ms-news-ticker .dir-buttons { position: absolute; left: 0; top: 0; border: 1px solid #ccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px } .ms-news-ticker .dir-buttons button { float: left; height: 38px; width: 39px; text-align: center; border: 0; background: #fff; background: -moz-linear-gradient(top, #fff 0, #f2f2f2 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(100%, #f2f2f2)); background: -webkit-linear-gradient(top, #fff 0, #f2f2f2 100%); background: -o-linear-gradient(top, #fff 0, #f2f2f2 100%); background: -ms-linear-gradient(top, #fff 0, #f2f2f2 100%); background: linear-gradient(to bottom, #fff 0, #f2f2f2 100%) } .ms-news-ticker .dir-buttons button.previous-news span, .ms-news-ticker .dir-buttons button.next-news span { height: 11px; width: 7px; display: inline-block } .ms-news-ticker .dir-buttons button.previous-news { border-right: 1px solid #ccc } .ms-news-ticker .dir-buttons button.previous-news span { background: url("/wp-content/themes/html5blank-stable/img/icons/sprite_main.png") -55px -78px no-repeat #f7f7f7 } .ms-news-ticker .dir-buttons button.previous-news.disabled { cursor: default } .ms-news-ticker .dir-buttons button.previous-news.disabled span { background: url("/wp-content/themes/html5blank-stable/img/icons/sprite_main.png") -55px -67px no-repeat #f7f7f7 } .ms-news-ticker .dir-buttons button.next-news { border-left: 1px solid transparent } .ms-news-ticker .dir-buttons button.next-news span { background: url("/wp-content/themes/html5blank-stable/img/icons/sprite_main.png") -48px -78px no-repeat #f7f7f7 } .ms-news-ticker .dir-buttons button.next-news.disabled { cursor: default } .ms-news-ticker .dir-buttons button.next-news.disabled span { background: url("/wp-content/themes/html5blank-stable/img/icons/sprite_main.png") -48px -67px no-repeat #f7f7f7 } .ms-news-ticker .news-list { display: block; padding: 10px 200px 10px 100px; min-height: 20px } .ms-news-ticker .news-list li { overflow: hidden; text-overflow: ellipsis; position: absolute; top: 10px; left: 100px; right: 210px; background: #fff } .ms-news-ticker .news-list li.active { z-index: 160 } .ms-news-ticker .news-list li a { white-space: nowrap } .ms-news-ticker .more-news { position: absolute; right: 0; top: 15px; text-transform: uppercase; font-size: 12px; font-size: .75rem; line-height: 1.25; font-weight: 700 } .ms-news-ticker .more-news:after { content: " "; display: inline-block; margin-left: 9px; height: 11px; width: 7px; overflow: hidden; position: relative; top: 1px; background: url("/wp-content/themes/html5blank-stable/img/icons/sprite_main.png") -48px -78px no-repeat } @media only screen and (max-width:600px) { .ms-news-ticker { *zoom: 1 } .ms-news-ticker:before, .ms-news-ticker:after { display: table; content: ""; line-height: 0 } .ms-news-ticker:after { clear: both } .ms-news-ticker .dir-buttons { position: relative; top: auto; left: auto; display: inline-block; float: left } .ms-news-ticker .news-list { padding: 0; margin-bottom: 10px } .ms-news-ticker .news-list li.news-item { overflow: auto; left: 0; right: 0; top: 0; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none } .ms-news-ticker .news-list li.news-item.active { position: relative } .ms-news-ticker .news-list li.news-item a { white-space: normal } .ms-news-ticker .more-news { position: relative; top: auto; right: auto; float: right; margin-top: 15px } } .csstransitions .ms-news-ticker .news-item { display: block; top: 50%; -webkit-transform: translate3d(0, -50%, 0); -moz-transform: translate3d(0, -50%, 0); -ms-transform: translate3d(0, -50%, 0); -o-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); filter: "alpha(opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -moz-transition: opacity .4s cubic-bezier(0.3, 0.8, 0.35, 0.9); -webkit-transition: opacity .4s cubic-bezier(0.3, 0.8, 0.35, 0.9); -ms-transition: opacity .4s cubic-bezier(0.3, 0.8, 0.35, 0.9); -o-transition: opacity .4s cubic-bezier(0.3, 0.8, 0.35, 0.9); transition: opacity .4s cubic-bezier(0.3, 0.8, 0.35, 0.9) } .csstransitions .ms-news-ticker .news-item.active { filter: "alpha(opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1 } .ms-home-teaser .img-cont { height: 200px } .ms-home-teaser h3 { font-size: 32px; margin-bottom: 10px; line-height: .95; text-transform: uppercase } .ms-home-teaser h4 { font-size: 20px; margin-bottom: 11px } .ms-home-teaser h3, .ms-home-teaser h4 { margin-top: 20px; color: #000 } .ms-home-teaser p { margin-top: 0; margin-bottom: 12px } .ms-home-teaser p.subheader { color: #444; font-size: 24px; margin-bottom: 10px } .ms-home-teaser .video-link, .ms-home-teaser .img-cont { display: block; position: relative } .ms-home-teaser .btn-play { display: block; position: absolute; left: 50%; top: 50%; z-index: 2; -webkit-border-radius: 34px; -moz-border-radius: 34px; border-radius: 34px; border: 3px solid #fff; width: 54px; height: 34px; margin-top: -17px; margin-left: -30px; background: #000 } .ms-home-teaser .btn-play:after { content: " "; height: 0; width: 0; border-left: 10px solid #fff; border-top: 6px solid transparent; border-bottom: 6px solid transparent; margin-left: -4px; margin-top: -6px; position: absolute; top: 50%; left: 50%; display: block } .ms-home-teaser .video-link:hover .btn-play { border: 3px solid #00a0df } .ms-home-teaser .video-link:hover .btn-play:after { content: " "; border-left: 10px solid #00a0df } .ms-home-teaser .ms-btn-link a:after { display: none } .ms-home-teaser ul a { font-weight: 700; font-size: 12px; font-size: .75rem; line-height: 1.25; text-transform: uppercase; position: relative } .ms-home-teaser ul a:hover { color: #00a0df } .ms-home-teaser ul a:after { position: relative; left: 0; top: -1px; background: url("/wp-content/themes/html5blank-stable/img/icons/sprite_main.png") -48px -78px no-repeat; content: " "; display: inline-block; width: 7px; height: 11px; vertical-align: middle; overflow: hidden; margin-left: 5px } @media only screen and (max-width:600px) { h3 { overflow-wrap: break-word } } @media only screen and (max-width:984px) { h3 { overflow-wrap: break-word } } .wide-img-teaser>li { display: block; margin-bottom: 30px; width: 100% } .wide-img-teaser>li .img-cont-outer, .wide-img-teaser>li .text-cont { float: left } .wide-img-teaser>li .img-cont-outer { overflow: hidden; border: 1px solid #ccc; width: 33.33333%; height: 115px; padding: 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box } .wide-img-teaser>li .img-cont { width: 100%; height: 100% } .wide-img-teaser>li .text-cont { padding-left: 20px; width: 66.66666%; vertical-align: top; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box } .wide-img-teaser>li h4 { margin-bottom: 14px } @media only screen and (max-width:600px) { .wide-img-teaser>li .img-cont-outer, .wide-img-teaser>li .text-cont { float: none } .wide-img-teaser>li .img-cont-outer { width: 50% } .wide-img-teaser>li .text-cont { width: auto; padding-left: 0 } .wide-img-teaser>li .text-cont h4 { margin-top: 10px } } .ms-tab-section { -moz-transition: background-color 1s cubic-bezier(0.3, 0.8, 0.35, 0.9); -webkit-transition: background-color 1s cubic-bezier(0.3, 0.8, 0.35, 0.9); -ms-transition: background-color 1s cubic-bezier(0.3, 0.8, 0.35, 0.9); -o-transition: background-color 1s cubic-bezier(0.3, 0.8, 0.35, 0.9); transition: background-color 1s cubic-bezier(0.3, 0.8, 0.35, 0.9); padding: 10px; margin: -10px -10px 29px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 4px } .ms-tab-section .tab-section-title { padding-bottom: 6px; border-bottom: 1px solid #ccc; margin-bottom: 17px; margin-top: 12px } .ms-tab-section .haslock>span { background: transparent url("/wp-content/themes/html5blank-stable/img/icons/sprite_main.png") -25px -99px no-repeat; width: 11px; height: 13px; display: inline-block; margin-left: 4px } .ms-tab-section h4 { margin: 10px 0 10px } .ms-tab-section p { font-size: 14px; font-size: .875rem; line-height: 1.375; margin: 0 0 16px } .ms-tab-section p.last { margin-bottom: 0 } .ms-tab-section .tab-section-colitem-list { *zoom: 1; margin: 0; overflow: hidden } .ms-tab-section .tab-section-colitem-list:before, .ms-tab-section .tab-section-colitem-list:after { display: table; content: ""; line-height: 0 } .ms-tab-section .tab-section-colitem-list:after { clear: both } .ms-tab-section .tab-section-colitem-list>li { width: 50%; float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 10px 0 0 } .ms-tab-section .tab-section-colitem-list .ms-column { padding: 0 10px 0 0 !important } .ms-tab-section .tab-section-colitem-list .columncontrol { padding: 0 10px 0 10px } .ms-tab-section .tab-section-colitem-list .columncontrol .column { margin-right: 15px } .ms-tab-section .tab-section-colitem-list .relateditems { padding: 0 10px 0 10px !important } .ms-tab-section .tab-section-colitem-list .relateditems li { margin-bottom: 10px } .ms-tab-section .tab-section-column-list { width: 49%; display: inline-block; vertical-align: top } .ms-tab-section .tab-section-meta { color: #666; font-size: 12px; font-size: .75rem; line-height: 1.25; margin-bottom: 7px } .tab-section-doc-feature { clear: both; padding-left: 80px; background: url("../../msi/assets/images/icons/doc_large.png") left top no-repeat; min-width: 60px; min-height: 84px; margin-bottom: 16px } .tab-section-doc-feature.doc-download { background-image: url("../../msi/assets/images/icons/download_large.png") } .tab-section-doc-feature h4 { margin: 10px 0 10px } .tab-section-doc-feature p { font-size: 14px; font-size: .875rem; line-height: 1.375; margin: 0 0 16px } .tab-section-doc-feature p.last { margin-bottom: 0 } .tab-section-doc-feature .tab-section-meta { color: #666; font-size: 12px; font-size: .75rem; line-height: 1.25; margin-bottom: 7px } .ie8 .ms-tab-section .tab-section-colitem-list { padding-left: 10px; padding-right: 20px } .thumbnail-list li { display: block; margin-bottom: 30px; width: 100% } .thumbnail-list .img-cont { display: inline-block; overflow: hidden; border: 1px solid #ccc; width: 35%; height: auto; padding: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .thumbnail-list .img-cont img { position: relative; display: block; margin: 0 auto; max-width: 100%; max-height: 100%; top: 50% } .thumbnail-list .text-cont { display: inline-block; padding-left: 3%; width: 60%; vertical-align: top } .clienteling-subsection h4 { margin-bottom: 14px } @media only screen and (max-width:600px) { .thumbnail-list .img-cont { display: block; width: 50% } .thumbnail-list .text-cont { display: block; padding-left: 0; width: 100% } .thumbnail-list .text-cont h4 { margin-top: 10px } } @media only screen and (max-width:984px) { .tab-section-doc-feature { padding-left: 0; padding-top: 90px } } @media only screen and (max-width:480px) { .ms-tab-section .tab-section-colitem-list>li { width: auto; float: none } .ms-tab-section .tab-section-column-list { width: auto } } .ms-tab-section-doc-item { clear: both; position: relative; padding-left: 30px; list-style: none } .ms-tab-section-doc-item:before { content: " "; display: block; left: 0; top: 0; width: 16px; height: 20px; overflow: hidden; position: absolute; background: url("../../msi/assets/images/components/tab-components/tab_sections/tab_section_doc_item/assets/doctypes.png") left top no-repeat } .ms-tab-section-doc-item.doctype-download:before { background-position: -16px top } .ms-tab-section-doc-item.doctype-video:before { background-position: -32px top } .ms-tab-section-doc-item .tab-section-meta { color: #666; font-size: 12px; font-size: .75rem; line-height: 1.25; margin-bottom: 7px } .ms-tab-section-doc-item h4 { margin: 10px 0 10px !important } .ms-tab-section-doc-item p { font-size: 14px; font-size: .875rem; line-height: 1.375; margin: 0 0 16px } .ms-tab-section-doc-item p.last { margin-bottom: 0 } .ms-nav-tree .mobile-header-title { display: none } .ms-nav-tree .nav-menu { font-size: 12px; font-size: .75rem; line-height: 1.25; font-weight: 700 } .ms-nav-tree .nav-menu>ul { margin-bottom: 20px } .ms-nav-tree .nav-menu>ul ul { font-size: 16px } .ms-nav-tree .nav-menu>ul ul ul { display: none; font-size: 14px } .ms-nav-tree .nav-menu>ul ul ul a { padding-left: 17px; padding-right: 17px } .ms-nav-tree .nav-menu>ul ul ul ul { font-size: 12px } .ms-nav-tree .nav-menu>ul ul ul ul a { padding-left: 34px; padding-right: 34px; font-weight: normal } .ms-nav-tree .nav-menu h4 { margin: 0; font-size: 16px; font-size: 1rem; line-height: 1.25; text-transform: uppercase } .ms-nav-tree .nav-menu h4 a { padding-top: 0; font-size: 16px } .ms-nav-tree .nav-menu h4.active a { color: #444 } .ms-nav-tree .nav-menu h4.active a:hover { color: #afa79f } .ms-nav-tree .nav-menu a { border-bottom: 1px solid #ccc; display: block; padding: 12px 7px 12px 7px } .ms-nav-tree .nav-menu a:hover { color: #003b72 } .ms-nav-tree .nav-menu li.active-children .active-children ul, .ms-nav-tree .nav-menu li.active-children ul { display: block } .ms-nav-tree .nav-menu li.active-children .active-children ul li ul, .ms-nav-tree .nav-menu li.active-children ul li ul { display: none } .ms-nav-tree .nav-menu li.active-children .active-children ul li.active ul, .ms-nav-tree .nav-menu li.active-children ul li.active ul { display: block } .ms-nav-tree .nav-menu li.active { background-color: #e5eff8; border-bottom: 1px solid #ccc } .ms-nav-tree .nav-menu li.active a { border-top: 1px solid #b7d3ec; border-bottom: 0 } .ms-nav-tree .nav-menu li.active>a { color: #444; border-top: 0; pointer-events: none; cursor: default } .ms-nav-tree .nav-menu li.active>a:hover { color: #444 } .ms-nav-tree .nav-menu li.active>ul { display: block } @media only screen and (max-width:600px) { .ms-nav-tree { position: fixed; background-color: #fff; z-index: 5; top: 65px; bottom: 0; right: 0; left: 0; padding: 15px 20px 50px; width: 100%; overflow-y: scroll; -webkit-overflow-scrolling: touch; -ms-transform: -ms-transform .6s cubic-bezier(0.3, 0.8, 0.35, 0.9); -webkit-transition: -webkit-transform .6s cubic-bezier(0.3, 0.8, 0.35, 0.9); -moz-transition: -moz-transform .6s cubic-bezier(0.3, 0.8, 0.35, 0.9); -o-transition: -o-transform .6s cubic-bezier(0.3, 0.8, 0.35, 0.9); transition: transform .6s cubic-bezier(0.3, 0.8, 0.35, 0.9); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box } .ms-nav-tree.nav-closed { -webkit-transform: translate3d(-110%, 0, 0); -moz-transform: translate3d(-110%, 0, 0); -ms-transform: translate3d(-110%, 0, 0); -o-transform: translate3d(-110%, 0, 0); transform: translate3d(-110%, 0, 0) } .ms-nav-tree .mobile-header-title { display: block } .ms-nav-tree .mobile-header-title .ms-breadcrumbs { display: block } .ms-nav-tree .mobile-header-title .ms-header-title { border-bottom: 2px solid #ccc; margin-bottom: 17px } .ms-nav-tree h2 { font-size: 36px; font-size: 2.25rem; line-height: 1.05; letter-spacing: 0; text-transform: uppercase } } @media only screen and (max-width:600px) and (min-width:1025px) { .ms-nav-tree h2 { font-size: 40px; font-size: 2.5rem } } @media only screen and (max-width:600px) and (max-width:600px) { .ms-nav-tree h2 { font-size: 30px; font-size: 1.875rem } } @media only screen and (max-width:600px) { .ms-nav-tree .nav-menu>ul ul { text-transform: none } .ms-nav-tree .nav-menu>ul ul ul { text-transform: uppercase } .ms-nav-tree .nav-menu>ul ul ul ul { text-transform: none } .ms-nav-tree .nav-menu>ul ul ul ul a { padding-left: 10px; padding-right: 10px; font-weight: normal } .ms-nav-tree .nav-menu a { padding: 12px 0 } .ms-nav-tree .nav-menu li a, .ms-nav-tree .nav-menu li h4 { display: none } .ms-nav-tree .nav-menu li.header-active a, .ms-nav-tree .nav-menu li.header-active h4, .ms-nav-tree .nav-menu li.active a { display: block; border-bottom: 1px solid #ccc; border-top: 0; text-transform: none; font-weight: 700; cursor: pointer; pointer-events: auto } .ms-nav-tree .nav-menu li.header-active, .ms-nav-tree .nav-menu li.active { background-color: transparent; border-bottom: 0 } .ms-nav-tree .nav-menu li.header-active h4 { border-bottom: 0 } .ms-nav-tree .nav-menu li.header-active h4 a { color: #0063be; font-size: 20px; padding-top: 12px; position: relative } .ms-nav-tree .nav-menu li.header-active h4 a:hover { color: #003b72 } .ms-nav-tree .nav-menu li.header-active h4 a:after { content: " "; display: block; position: absolute; top: 25px; right: 0; width: 7px; height: 11px; margin-top: -5px; background: transparent url("/wp-content/themes/html5blank-stable/img/icons/sprite_main.png") -48px -78px no-repeat } .ms-nav-tree .nav-menu li.active>a { color: #0063be; font-size: 20px; position: relative } .ms-nav-tree .nav-menu li.active>a:hover { color: #003b72 } .ms-nav-tree .nav-menu li.active>a:after { content: " "; display: block; position: absolute; top: 25px; right: 0; width: 7px; height: 11px; margin-top: -5px; background: transparent url("/wp-content/themes/html5blank-stable/img/icons/sprite_main.png") -48px -78px no-repeat } } .ms-nav-back { display: none; font-size: 12px; font-weight: 700; text-transform: uppercase; position: relative; margin-left: 9px } .ms-nav-back:before { content: " "; display: block; position: absolute; left: -9px; top: 1px; width: 7px; height: 11px; background: transparent url("/wp-content/themes/html5blank-stable/img/icons/sprite_main.png") -55px -78px no-repeat } .rtl .ms-nav-back { margin-left: 0; margin-right: 9px } .rtl .ms-nav-back:before { left: auto; right: -9px; background: transparent url("/wp-content/themes/html5blank-stable/img/icons/sprite_main.png") -48px -78px no-repeat } @media only screen and (max-width:600px) { .ms-breadcrumbs { display: none } .ms-header-title { border-bottom: 0; margin-bottom: 7px } .ms-nav-back { display: block; margin-bottom: 15px } } select { position: relative; margin: 0 5px 0 0; height: 40px; border: 1px solid #ccc; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; padding: 5px 40px 5px 10px; font-size: .8rem; background: url("../../msi/assets/images/icons/arrow-down.svg") #fff no-repeat; background-repeat: no-repeat; background-position: right; background-size: 50px 10px } select::-ms-expand { display: none } .ms-story, .ms-story-container { width: 100%; z-index: 100; clear: both; border-bottom: solid 1px #f3f3f3 } .ms-story h2, .ms-story-container h2 { text-transform: uppercase; font-family: "Univers-b", Arial, san-serif; font-size: 50px; margin-top: 10px; margin-bottom: 0; padding-top: 15px; line-height: 48px } .ms-story p, .ms-story-container p { font-size: 15px } .ms-story li, .ms-story-container li { font-size: 15px } .ms-story button, .ms-story-container button { font-family: "Univers-b", Arial, san-serif; font-size: 18px; width: auto !important; color: #000; padding-right: 15px; margin-top: 10px } .ms-story button.btn-width-sm, .ms-story-container button.btn-width-sm { width: 44% !important } .ms-story button.btn-width-med, .ms-story-container button.btn-width-med { width: 66% !important } .ms-story button.btn-width-lrg, .ms-story-container button.btn-width-lrg { width: 88% !important } .ms-story-container.ms-story-zero-h h1, .ms-story-container.ms-story-zero-h h2, .ms-story-container.ms-story-zero-h h3, .ms-story-container.ms-story-zero-h h4, .ms-story-container.ms-story-zero-h h5, .ms-story-container.ms-story-zero-h h6 { padding: 0 !important } .ms-story-container { position: relative } .ms-story-container.ms-story-overlay-blue a { color: #67d2eb } .ms-story-container.ms-story-overlay-blue a:hover { color: #dedede } .ms-story-container.ms-story-overlay-blue:before { content: ""; position: absolute; z-index: -1; height: 100%; width: 100%; background: linear-gradient(rgba(0, 99, 190, 0.8), rgba(0, 99, 190, 0.8)) } .ms-story-container.ms-story-overlay-white { color: #222 } .ms-story-container.ms-story-overlay-white a { color: #0063be } .ms-story-container.ms-story-overlay-white a:hover { color: #00a0df } .ms-story-container.ms-story-overlay-white:before { content: ""; position: absolute; z-index: -1; height: 100%; width: 100%; background: linear-gradient(rgba(255, 255, 255, 0.81), rgba(255, 255, 255, 0.81)) } .ms-story-container.ms-story-overlay-black a { color: #0686fc } .ms-story-container.ms-story-overlay-black a:hover { color: #00a0df } .ms-story-container.ms-story-overlay-black:before { content: ""; position: absolute; z-index: -1; height: 100%; width: 100%; background: linear-gradient(rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0.85)) } .ms-story button { font-family: "Univers-b", Arial, san-serif; font-size: 18px; width: auto; border-radius: 0; color: #000 !important; background: #f3f3f3 !important; padding-right: 15px; margin-top: 10px } .ms-story button:hover { background: #dedede !important } .ms-story-container h3 { text-transform: none; font-family: "Univers", Arial, san-serif; font-size: 50px; margin-top: 10px; margin-bottom: 0; padding-top: 15px; line-height: 48px } .ms-story-container h4 { text-transform: none; font-family: "Univers-lt", Arial, san-serif; font-size: 40px; margin-top: 10px; margin-bottom: 0; padding-top: 15px; line-height: 48px } .ms-story-container h4.product-title { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 16px; font-size: 1rem; line-height: 1.25; font-weight: 700; margin-bottom: 10px } .ms-story-container li.ms-tab-section-doc-item { list-style: none } .ms-story-container .ms-featured-items h4, .ms-story-container .ms-customer-stories h4, .ms-story-container .doc-download h4, .ms-story-container .doc-feature h4, .ms-story-container .doc-pdf h4, .ms-story-container .doctype-download h4, .ms-story-container .doctype-video h4, .ms-story-container .doctype-pdf h4, .ms-story-container .ms-tab-section-thumbnail h4 { font-size: 16px; font-size: 1rem; line-height: 1.25; font-weight: 700; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; padding: 10px 0 } .ms-story-container .doctype-download h4, .ms-story-container .doctype-video h4, .ms-story-container .doctype-pdf h4, .ms-story-container .doc-download h4, .ms-story-container .doc-feature h4, .ms-story-container .doc-pdf h4 { padding: 0 } .ms-story-container .ms-featured-items p, .ms-story-container .ms-customer-stories p { font-size: 14px; padding: 0; margin: 0 } .ms-story-container .ms-customer-stories .img-cont { height: 120px } .ms-story-container .ms-customer-stories .btn-play { top: 25% } .ms-story-container h5 { text-transform: uppercase; font-family: "Univers-b", Arial, san-serif; font-size: 25px; margin-top: 10px; margin-bottom: 0; padding-top: 15px; line-height: 48px } .ms-story-container h6 { text-transform: uppercase; font-family: "Univers", Arial, san-serif; font-size: 15px; margin-top: 0; margin-bottom: 0; padding-top: 15px; line-height: 48px } .ms-story-container .ms-btn { font-family: "Univers", Arial, san-serif; display: inline-block; font-size: 13px; text-transform: uppercase; padding: 16px 10px 13px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; text-align: center; margin-bottom: 9px } .ms-story-container .ms-btn.ms-icon { padding-left: 52px; position: relative; text-align: left } .ms-story-container .ms-btn:before { position: absolute; left: 12px; top: 50%; margin-top: -10px } .ms-story-container .ms-btn:after { content: " "; display: block; width: 1px; height: 20px; background: #67b979; top: 50%; margin-top: -10px; left: 41px; position: absolute } .ms-story-container .ms-btn:hover.i-filter:before { background-position: -820px center } .ms-story-container.ms-story-theme-blue .ms-product-item-microsite .text-cont .product-desc button, .ms-story-container.ms-story-theme-black.ms-story-overlay-blue .ms-product-item-microsite .text-cont .product-desc button { color: #0063be; border: 1px solid #ccc; background-color: #f9f9f9; background: -moz-linear-gradient(top, #fff 0, #f2f2f2 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(100%, #f2f2f2)); background: -webkit-linear-gradient(top, #fff 0, #f2f2f2 100%); background: -o-linear-gradient(top, #fff 0, #f2f2f2 100%); background: -ms-linear-gradient(top, #fff 0, #f2f2f2 100%); background: linear-gradient(to bottom, #fff 0, #f2f2f2 100%) } .ms-story-container .relateditems .ms-tab-section-thumbnail .img-cont { position: relative; float: left; overflow: hidden; border: 1px solid #ccc; width: 78px; height: 78px } .ms-story-container .relateditems .ms-tab-section-thumbnail .text-cont { padding-left: 100px; margin-top: -10px !important } .ms-story-container .relateditems .ms-tab-section-thumbnail .text-cont p { padding: 0; margin: 0; font-size: 14px } .ms-story-container.ms-story-theme-black.ms-story-overlay-white .tab-section-doc-feature .tab-section-meta, .ms-story-container.ms-story-theme-black.ms-story-overlay-white .ms-tab-section-doc-item .tab-section-meta { color: #444 } .ms-story-container.ms-story-theme-black.ms-story-overlay-white .tab-section-doc-feature.doc-download { background-image: url("../../msi/assets/images/icons/download_large.png") } .ms-story-container.ms-story-theme-black.ms-story-overlay-white .tab-section-doc-feature.doc-pdf { background-image: url("../../msi/assets/images/icons/doc_large.png") } .ms-story-container.ms-story-theme-black.ms-story-overlay-white .ms-tab-section-doc-item:before { background-image: url("../../msi/assets/images/components/tab-components/tab_sections/tab_section_doc_item/assets/doctypes.png") } .ms-story-container.ms-story-theme-black.ms-story-overlay-white h4.haslock>a>span { background: transparent url("/wp-content/themes/html5blank-stable/img/icons/sprite_main.png") -25px -99px no-repeat } .ms-story-container.ms-story-theme-black .tab-section-doc-feature.doc-download, .ms-story-container.ms-story-theme-blue .tab-section-doc-feature.doc-download, .ms-story-container.ms-story-theme-lt-green .tab-section-doc-feature.doc-download { background-image: url("../../msi/assets/images/icons/download_large_white.png") } .ms-story-container.ms-story-theme-black .tab-section-doc-feature .tab-section-meta, .ms-story-container.ms-story-theme-blue .tab-section-doc-feature .tab-section-meta, .ms-story-container.ms-story-theme-lt-green .tab-section-doc-feature .tab-section-meta, .ms-story-container.ms-story-theme-black .ms-tab-section-doc-item .tab-section-meta, .ms-story-container.ms-story-theme-blue .ms-tab-section-doc-item .tab-section-meta, .ms-story-container.ms-story-theme-lt-green .ms-tab-section-doc-item .tab-section-meta { color: #fff } .ms-story-container.ms-story-theme-black .tab-section-doc-feature.doc-pdf, .ms-story-container.ms-story-theme-blue .tab-section-doc-feature.doc-pdf, .ms-story-container.ms-story-theme-lt-green .tab-section-doc-feature.doc-pdf { background-image: url("../../msi/assets/images/icons/download_large_white.png") } .ms-story-container.ms-story-theme-black .ms-tab-section-doc-item:before, .ms-story-container.ms-story-theme-blue .ms-tab-section-doc-item:before, .ms-story-container.ms-story-theme-lt-green .ms-tab-section-doc-item:before { background: url("../../msi/assets/images/icons/doctypes_white.png") left top no-repeat } .ms-story-container.ms-story-theme-black h4.haslock>a>span, .ms-story-container.ms-story-theme-blue h4.haslock>a>span, .ms-story-container.ms-story-theme-lt-green h4.haslock>a>span { background: transparent url("/wp-content/themes/html5blank-stable/img/icons/sprite_main.png") -14px -144px no-repeat } .ms-story-container .ms-tab-section-doc-item.doctype-video:before { background-position: -32px top } .ms-story-container .ms-tab-section-doc-item.doctype-download:before { background-position: -16px top } .ms-story .ms-btn.ms-icon::after { content: none } .ms-story-align-left-block .story-content h2 { float: left; width: 500px } .ms-story-align-left-block .ms-row .ms-column { float: left; width: 500px } .ms-story-align-right-block .story-content h2 { float: right; width: 500px } .ms-story-align-right-block .story-content .ms-btn-cta { float: right; width: 500px } .ms-story-align-right-block .ms-row .ms-column { float: right; width: 500px } .btn-play { display: block; position: absolute; left: 50%; top: 50%; z-index: 2; -webkit-border-radius: 34px; -moz-border-radius: 34px; border-radius: 34px; border: 3px solid #fff; width: 54px; height: 34px; margin-top: -17px; margin-left: -30px; background: #000 } .btn-play:after { content: " "; height: 0; width: 0; border-left: 10px solid #fff; border-top: 6px solid transparent; border-bottom: 6px solid transparent; margin-left: -4px; margin-top: -6px; position: absolute; top: 50%; left: 50%; display: block } .video-link:hover .btn-play { border: 3px solid #00a0df } .video-link:hover .btn-play:after { content: " "; border-left: 10px solid #00a0df } div.img-cont { position: relative } .story-content { max-width: 1160px; margin: 0 auto; padding: 20px; display: block; clear: both } .ms-story ul, .ms-story-container ul { margin: 20px; list-style: disc } .ms-story ul li, .ms-story-container ul li { padding-bottom: 10px; list-style: disc } .ms-story-theme-blue { background: #0063be; color: #fff } .ms-story-theme-blue a { color: #67d2eb } .ms-story-theme-blue a:hover { color: #dedede } .ms-story-theme-white { background: #fff; color: #333 } .ms-story-theme-gray { background: #f3f3f3; color: #333 } .ms-story-theme-black { background: #000; color: #fff } .ms-story-theme-black a { color: #309cff } .ms-story-theme-black a:hover { color: #1a82e1 } .ms-story-theme-black .white-links a { color: #fff } .ms-story-theme-black .white-links a:hover { color: #dedede } .ms-story-theme-lt-green { background: #aab300; color: #fff } .ms-story-theme-lt-green a { color: #321b72 } .ms-story-theme-lt-green a:hover { color: #dedede } .ms-story-theme-lt-green .white-links a { color: #fff } .ms-story-theme-lt-green .white-links a:hover { color: #dedede } .ms-story-theme-blue-header h2 { color: #0063be } .ms-story-theme-bg { background-position: 50% 50%; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; min-height: 450px } .ms-story-theme-bg-parallax { background: #000; background-position: 50% 50%; background-repeat: no-repeat; background-attachment: fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; min-height: 450px; background-size: cover } .ms-story .ms-row-flush { padding: 20px 0 20px 0 !important } .ms-story-container .ms-row-flush { padding: 0 !important } .ms-story-container p.align-left { text-align: left } .ms-story-cols-5 .ms-row .ms-column { width: 20% } .ms-story-cols-2 img { width: 140px } .ms-story-cols-3 img { width: 130px } .ms-story-cols-4 img { width: 120px } .ms-story-cols-5 img { width: 110px } .ms-story-cols-6 img { width: 100px } .ms-story-align-left .ms-row .ms-column { text-align: left } .ms-story-align-center .ms-row .ms-column { text-align: center } .ms-story-align-left-h h2, .ms-story-align-left-h p.ms-story-desc { text-align: left } .ms-story-align-center-h h2, .ms-story-align-center-h p.ms-story-desc { text-align: center } .ms-story-align-center-h a.ms-btn-cta { display: block; text-align: center } @media only screen and (min-width:601px) and (max-width:984px) { .ms-story-container h3 { font-size: 35px } } @media only screen and (max-width:984px) { .ms-story .ms-btn { max-width: auto } .ms-story-align-left .story-container { float: left; width: 100% } .ms-story-align-right .story-container { float: left; width: 100% } h2, h3 { overflow-wrap: break-word } } @media only screen and (max-width:600px) { .ms-story-align-left-block .story-content h2 { float: none; width: auto; text-align: center } .ms-story-align-left-block .ms-row .ms-column { float: none; width: auto; text-align: center } .ms-story-align-right-block .story-content h2 { float: none; width: auto; text-align: center } .ms-story-align-right-block .story-content .ms-btn-cta { float: none; width: auto; text-align: center } .ms-story-align-right-block .ms-row .ms-column { float: none; width: auto; text-align: center } .ms-story h2 { font-size: 35px; overflow-wrap: break-word } .ms-story p { font-size: 14px } .ms-story .ms-btn.ms-icon { display: inherit; padding-left: 52px } .ms-story .ms-btn.ms-icon:before { left: 12px; margin-left: auto } .ms-story .ms-btn.ms-icon:after { left: 41px } .ms-story-cols-5 .ms-row .ms-column { width: auto } .ms-story-align-left .ms-row .ms-column { text-align: center } .ms-story-align-left-h h2, .ms-story-align-left-h p.ms-story-desc { text-align: center } .ms-story-align-left-h a.ms-btn-cta, .ms-story-align-center-h a.ms-btn-cta { display: block; text-align: center; margin: auto } .ms-story-align-left-h a.ms-btn-cta button, .ms-story-align-center-h a.ms-btn-cta button { margin: auto } } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .ms-story-theme-bg-parallax { background-attachment: scroll } } @media only screen and (max-width:984px) { .ms-customer-stories .btn-play { top: 17% } } @media only screen and (max-width:600px) { .ms-story-container .ms-btn.ms-icon:before { margin-left: 0 } .ms-story-container .ms-column { margin-top: 20px } } .ms-product-item-microsite { *zoom: 1; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin-left: 0; margin-right: 0; padding: 0 20px 40px 0 } .ms-product-item-microsite:before, .ms-product-item-microsite:after { display: table; content: ""; line-height: 0 } .ms-product-item-microsite:after { clear: both } .ms-product-item-microsite .text-cont:first-child { padding: 0 } .ms-product-item-microsite .img-cont-outer { width: 100%; height: 200px; border: 0; overflow: hidden; border: 0; float: left } .ms-product-item-microsite .img-cont-outer a { display: block; width: 100%; height: 100% } .ms-product-item-microsite .img-cont { width: 100%; height: 100% } .ms-product-item-microsite .text-cont { padding-left: 0; padding-top: 10px; clear: both } .ms-product-item-microsite .text-cont .product-title { margin: -3px 0 0 0; height: 42px; overflow: hidden } .ms-product-item-microsite .text-cont .product-cat { font-size: 10px; font-size: .625rem; line-height: 1.4; margin: 0; text-transform: uppercase; padding-bottom: 0 } .ms-product-item-microsite .text-cont .product-desc { margin-top: 4px; padding-top: 4px; border-top: solid 1px #ccc } .ms-product-item-microsite .text-cont .product-desc p { margin: 0; font-size: 14px; font-size: .875rem; line-height: 1.375; padding-top: 4px; height: 116px; overflow: hidden } .ms-product-item-microsite .text-cont .product-desc button { margin-top: 10px; background: #0063be; border-radius: 0 } .ms-product-item-microsite .text-cont .product-desc .ms-btn { margin-bottom: 0 } .ms-product-item-microsite .text-cont .product-desc .ms-btn .ms-icon { padding-left: 52px } .ms-inline-promos { background-color: #f3f3f3; background: -moz-linear-gradient(top, #e7e6e7 0, #fff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e7e6e7), color-stop(100%, #fff)); background: -webkit-linear-gradient(top, #e7e6e7 0, #fff 100%); background: -o-linear-gradient(top, #e7e6e7 0, #fff 100%); background: -ms-linear-gradient(top, #e7e6e7 0, #fff 100%); background: linear-gradient(to bottom, #e7e6e7 0, #fff 100%); margin: 0 0 20px 0 !important; border-top: solid 2px #ccc } .ms-inline-promos .ms-column { min-height: 190px; background: url("../../msi/assets/images/components/content-components/promo_inline/assets/promo-inline-border.png") no-repeat left } .ms-inline-promos .ms-column:first-child { background: 0 } .promo-cont { text-align: center; height: auto !important; padding: 20px; border: 0 } .promo-cont .cta-link { display: block; clear: both; margin-top: 10px; font-size: 12px; font-weight: 700; text-transform: uppercase; position: relative } .promo-cont .cta-link:after { content: " "; display: inline-block; margin-left: 9px; height: 11px; width: 7px; overflow: hidden; position: relative; top: 1px; background: url("/wp-content/themes/html5blank-stable/img/icons/sprite_main.png") -48px -78px no-repeat } .promo-cont h5 { margin: 0; text-align: left } .promo-cont h6 { margin: 0; text-align: left; font-size: 12px } .promo-cont .text-center { text-align: center } .promo-cont .margin-top-10 { margin-top: 10px } .promo-cont .margin-top-15 { margin-top: 15px } .promo-cont .promo-title { font-size: 28px; font-family: "Univers" } .promo-cont .promo-subtitle { font-family: 'Univers-lt'; font-size: 15px } .promo-cont .promo-cont-left { text-align: left } .promo-cont .video-link { display: block; position: relative } .promo-cont .video-link:hover .btn-play { border: 3px solid #00a0df } .promo-cont .video-link:hover .btn-play:after { content: " "; border-left: 10px solid #00a0df } .promo-cont .btn-play { display: block; position: absolute; left: 50%; top: 50%; z-index: 2; -webkit-border-radius: 34px; -moz-border-radius: 34px; border-radius: 34px; border: 3px solid #fff; width: 54px; height: 34px; margin-top: 28px; margin-left: -30px; background: #000 } .promo-cont .btn-play:after { content: " "; height: 0; width: 0; border-left: 10px solid #fff; border-top: 6px solid transparent; border-bottom: 6px solid transparent; margin-left: -4px; margin-top: -6px; position: absolute; top: 50%; left: 50%; display: block } .promo-cont .img-cont { float: left; overflow: hidden; border: 1px solid #ccc; width: 100%; height: 88px; position: relative; display: block; cursor: pointer } .promo-cont .img-cont:hover .btn-play { background: #000 } .promo-cont .ms-share-connect ul { clear: both } .promo-cont .ms-share-connect ul li { float: left; overflow: hidden; padding-right: 5px } .promo-cont .ms-share-connect ul li a { cursor: pointer; margin-bottom: 0 } .promo-cont .ms-share-connect .ms-btn-link { display: inline-block } .promo-cont .ms-share-connect .ms-btn-link>a { display: inline-block; padding: 0; font-weight: 700; text-transform: uppercase; margin-bottom: 10px; position: relative; line-height: 1.2; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; height: 30px; width: 30px; overflow: hidden; text-indent: -999px } .promo-cont .ms-share-connect .ms-btn-link>a:before { background-image: url("../../msi/assets/images/components/content-components/promo_inline/assets/socialmedia_spritesheet.png"); background-repeat: no-repeat; content: " "; display: inline-block; width: 30px; height: 30px; vertical-align: middle; overflow: hidden; position: absolute; top: 0; left: 0 } .promo-cont .ms-share-connect .ms-btn-link>a.i-facebook:before { background-position: 0 center } .promo-cont .ms-share-connect .ms-btn-link>a.i-twitter:before { background-position: -30px center } .promo-cont .ms-share-connect .ms-btn-link>a.i-google:before { background-position: -60px center } .promo-cont .ms-share-connect .ms-btn-link>a.i-email:before { background-position: -90px center } .promo-cont .ms-share-connect .ms-btn-link>a.i-linkedin:before { background-position: -120px center } .promo-cont .ms-share-connect .ms-btn-link>a.i-periscope:before { background-position: -150px center } .promo-cont .ms-share-connect .ms-btn-link>a.i-youtube:before { background-position: -180px center } .promo-cont .ms-share-connect .ms-btn-link>a.i-motorola-launchpad:before { background-position: -210px center } .promo-cont .ms-share-connect .ms-btn-link>a.i-instagram:before { background-position: -240px center } .promo-cont .ms-share-connect .ms-btn-link>a:hover { color: #00a0df } .promo-cont .ms-share-connect .ms-btn-link>a:hover.i-facebook:before { background-position: -540px center } .promo-cont .ms-share-connect .ms-btn-link>a:hover.i-twitter:before { background-position: -570px center } .promo-cont .ms-share-connect .ms-btn-link>a:hover.i-google:before { background-position: -600px center } .promo-cont .ms-share-connect .ms-btn-link>a:hover.i-email:before { background-position: -630px center } .promo-cont .ms-share-connect .ms-btn-link>a:hover.i-linkedin:before { background-position: -660px center } .promo-cont .ms-share-connect .ms-btn-link>a:hover.i-periscope:before { background-position: -690px center } .promo-cont .ms-share-connect .ms-btn-link>a:hover.i-youtube:before { background-position: -720px center } .promo-cont .ms-share-connect .ms-btn-link>a:hover.i-motorola-launchpad:before { background-position: -750px center } .promo-cont .ms-share-connect .ms-btn-link>a:hover.i-instagram:before { background-position: -780px center } .promo-cont-thumb { text-align: center } .promo-cont-thumb a { text-align: center; margin: 10px 0 10px 0 } .promo-cont-thumb img { display: block; height: auto; width: 100%; position: relative; z-index: 1 } @media only screen and (min-width:601px) and (max-width:984px) { .ms-share-connect .ms-btn-link { display: inline-block } .ms-share-connect .ms-btn-link>a { margin-bottom: 5px !important; line-height: 1 !important; height: 20px !important; width: 20px !important } .ms-share-connect .ms-btn-link>a:before { background-image: url("../../msi/assets/images/components/content-components/promo_inline/assets/socialmedia_spritesheet_sm.png") !important; width: 20px !important; height: 20px !important } .ms-share-connect .ms-btn-link>a.i-facebook:before { background-position: 0 center !important } .ms-share-connect .ms-btn-link>a.i-twitter:before { background-position: -20px center !important } .ms-share-connect .ms-btn-link>a.i-google:before { background-position: -40px center !important } .ms-share-connect .ms-btn-link>a.i-email:before { background-position: -60px center !important } .ms-share-connect .ms-btn-link>a.i-linkedin:before { background-position: -80px center !important } .ms-share-connect .ms-btn-link>a.i-periscope:before { background-position: -100px center !important } .ms-share-connect .ms-btn-link>a.i-youtube:before { background-position: -120px center !important } .ms-share-connect .ms-btn-link>a.i-motorola-launchpad:before { background-position: -140px center !important } .ms-share-connect .ms-btn-link>a.i-instagram:before { background-position: -160px center !important } .ms-share-connect .ms-btn-link>a:hover { color: #00a0df } .ms-share-connect .ms-btn-link>a:hover.i-facebook:before { background-position: -360px center !important } .ms-share-connect .ms-btn-link>a:hover.i-twitter:before { background-position: -380px center !important } .ms-share-connect .ms-btn-link>a:hover.i-google:before { background-position: -400px center !important } .ms-share-connect .ms-btn-link>a:hover.i-email:before { background-position: -420px center !important } .ms-share-connect .ms-btn-link>a:hover.i-linkedin:before { background-position: -440px center !important } .ms-share-connect .ms-btn-link>a:hover.i-periscope:before { background-position: -460px center !important } .ms-share-connect .ms-btn-link>a:hover.i-youtube:before { background-position: -480px center !important } .ms-share-connect .ms-btn-link>a:hover.i-motorola-launchpad:before { background-position: -500px center !important } .ms-share-connect .ms-btn-link>a:hover.i-instagram:before { background-position: -520px center !important } .promo-cont { min-height: 180px } } @media only screen and (max-width:600px) { .ms-inline-promos .ms-column { background: url("../../msi/assets/images/components/content-components/promo_inline/assets/promo-inline-border-bottom.png") no-repeat top } .ms-inline-promos .ms-column:first-child { background: 0 } .promo-cont-thumb { text-align: center } .promo-cont-thumb a { text-align: center; margin: 10px 0 10px 0 } .promo-cont-thumb img { display: block; height: 200px; width: 100%; position: relative; z-index: 1 } .promo-cont { min-height: 150px } .ms-inline-promos { margin-bottom: 10px } .ms-share-connect ul { clear: both } .ms-share-connect ul li { float: left; overflow: hidden; padding-right: 5px } .ms-share-connect ul li a { cursor: pointer; margin-bottom: 0 } .ms-share-connect .ms-btn-link { display: inline-block } .ms-share-connect .ms-btn-link>a { display: inline-block; padding: 0; font-weight: 700; text-transform: uppercase; margin-bottom: 10px; position: relative; line-height: 1.2; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; height: 30px; width: 30px; overflow: hidden; text-indent: -999px } .ms-share-connect .ms-btn-link>a:before { background-image: url("../../msi/assets/images/components/content-components/promo_inline/assets/socialmedia_spritesheet.png"); background-repeat: no-repeat; content: " "; display: inline-block; width: 30px; height: 30px; vertical-align: middle; overflow: hidden; position: absolute; top: 0; left: 0 } .ms-share-connect .ms-btn-link>a.i-facebook:before { background-position: 0 center } .ms-share-connect .ms-btn-link>a.i-twitter:before { background-position: -30px center } .ms-share-connect .ms-btn-link>a.i-google:before { background-position: -60px center } .ms-share-connect .ms-btn-link>a.i-email:before { background-position: -90px center } .ms-share-connect .ms-btn-link>a.i-linkedin:before { background-position: -120px center } .ms-share-connect .ms-btn-link>a.i-periscope:before { background-position: -150px center } .ms-share-connect .ms-btn-link>a.i-youtube:before { background-position: -180px center } .ms-share-connect .ms-btn-link>a.i-motorola-launchpad:before { background-position: -210px center } .ms-share-connect .ms-btn-link>a.i-instagram:before { background-position: -240px center } .ms-share-connect .ms-btn-link>a:hover { color: #00a0df } .ms-share-connect .ms-btn-link>a:hover.i-facebook:before { background-position: -540px center } .ms-share-connect .ms-btn-link>a:hover.i-twitter:before { background-position: -570px center } .ms-share-connect .ms-btn-link>a:hover.i-google:before { background-position: -600px center } .ms-share-connect .ms-btn-link>a:hover.i-email:before { background-position: -630px center } .ms-share-connect .ms-btn-link>a:hover.i-linkedin:before { background-position: -660px center } .ms-share-connect .ms-btn-link>a:hover.i-periscope:before { background-position: -690px center } .ms-share-connect .ms-btn-link>a:hover.i-youtube:before { background-position: -720px center } .ms-share-connect .ms-btn-link>a:hover.i-motorola-launchpad:before { background-position: -750px center } .ms-share-connect .ms-btn-link>a:hover.i-instagram:before { background-position: -780px center } } .ms-contact-area { padding: 15px; border: solid 1px #ccc; font-size: 13px } .ms-contact-area h3 { margin: 0 } .ms-table td { border: 1px solid #afa79f; display: table-cell; text-align: center; padding: 14px; vertical-align: middle; background-color: #fff } .ms-table th { border: 1px solid #afa79f; display: table-cell; padding: 14px; background-color: #e7e7e7; font-weight: bold; text-align: center; vertical-align: middle } .ms-table .td-a { border: 1px solid #afa79f; display: table-cell; background-color: #e7e7e7; font-weight: bold; text-align: left; vertical-align: middle } .ms-table .ms-td-250-wbr { max-width: 250px; word-wrap: break-word } .ms-table .ms-td-apc { min-width: 24px } .ms-table .ms-td-pri { min-width: 55px } .ms-text-align-right { text-align: right !important } .ms-text-align-left { text-align: left !important } .ms-text-align-center { text-align: center !important } @media(min-width:40em) { .ms-table { width: 100%; max-width: 100%; empty-cells: show; border-collapse: collapse; border: 0; padding: 0 } .th-b { padding: 12px 20px !important } .th-sh-left { border: 1px solid #afa79f; display: table-cell; padding: 14px; background-color: #e7e7e7; font-style: italic; text-align: left; vertical-align: middle; font-weight: normal !important } .th-sh { border: 1px solid #afa79f; display: table-cell; padding: 14px; background-color: #e7e7e7; font-style: italic; text-align: center; vertical-align: middle; font-weight: normal !important } .td-a { border: 1px solid #afa79f; display: table-cell; padding: 20px !important; background-color: #e7e7e7 !important; font-weight: bold; vertical-align: middle } .td-b { padding: 12px 20px !important } .td-c { border: 1px solid #afa79f; display: table-cell; padding: 20px !important; background-color: #e7e7e7 !important; font-weight: normal; vertical-align: middle } } @media(max-width:1024px) { .ms-table { width: 100%; max-width: 100%; empty-cells: hide; border-collapse: collapse; border: 0; padding: 0; table-layout: fixed } .ms-table th { padding: 3px; font-size: .9rem; word-wrap: break-word } .ms-table td { padding: 3px; font-size: .9rem; word-wrap: break-word } .ms-table .th-b { padding: 1px 2px !important; font-size: .85rem } .ms-table .td-a { border: 1px solid #afa79f; display: table-cell; padding: 3px !important; background-color: #e7e7e7 !important; font-weight: bold; text-align: left; vertical-align: middle; font-size: .85rem } .ms-table .td-c { border: 1px solid #afa79f; display: table-cell; padding: 3px !important; background-color: #e7e7e7 !important; font-weight: normal; text-align: left; vertical-align: middle; font-size: .85rem } .ms-table .th-sh-left { border: 1px solid #afa79f; display: table-cell; padding: 3px !important; background-color: #e7e7e7; font-style: italic; text-align: left; vertical-align: middle; font-weight: normal !important; font-size: .85rem } .ms-table .th-sh { border: 1px solid #afa79f; display: table-cell; padding: 3px !important; background-color: #e7e7e7; font-style: italic; text-align: center; vertical-align: middle; font-weight: normal !important; font-size: .85rem } .ms-table .td-b { padding: 1px 2px !important; font-size: .85rem } } @media(max-width:750px) { .ms-table { width: 100%; max-width: 100%; empty-cells: hide; border-collapse: collapse; border: 0; padding: 0; table-layout: fixed } .ms-table th { padding: 3px; font-size: .7rem; word-wrap: break-word } .ms-table td { padding: 3px; font-size: .7rem; word-wrap: break-word } .ms-table .th-b { padding: 1px 2px !important; font-size: .7rem } .ms-table .td-a { border: 1px solid #afa79f; display: table-cell; padding: 3px !important; background-color: #e7e7e7 !important; font-weight: bold; text-align: left; vertical-align: middle; font-size: .7rem } .ms-table .td-c { border: 1px solid #afa79f; display: table-cell; padding: 3px !important; background-color: #e7e7e7 !important; font-weight: normal; text-align: left; vertical-align: middle; font-size: .7rem } .ms-table .th-sh-left { border: 1px solid #afa79f; display: table-cell; padding: 3px !important; background-color: #e7e7e7; font-style: italic; text-align: left; vertical-align: middle; font-weight: normal !important; font-size: .7rem } .ms-table .th-sh { border: 1px solid #afa79f; display: table-cell; padding: 3px !important; background-color: #e7e7e7; font-style: italic; text-align: center; vertical-align: middle; font-weight: normal !important; font-size: .7rem } .ms-table .td-b { padding: 1px 2px !important; font-size: .7rem } } @media only screen and (max-device-width:64.063em) and (min-device-width:40em) and (orientation:portrait) { .ms-td-fs { min-width: 24px } .ms-td-fc { min-width: 24px } .ms-td-pri { min-width: 55px } } @media only screen and (min-device-width:40em) and (max-device-width:64.063em) and (orientation:portrait) { .ms-table td { font-size: .7em; word-break: break-word; padding: 6px } .ms-table th { font-size: .7em; padding: 6px; word-wrap: break-word } .th-sh { font-weight: normal !important; padding: 6px; word-wrap: break-word } } .ms-icon:before { background-image: url("../../msi/assets/images/sprites/icon_spritesheet.png"); background-repeat: no-repeat; content: " "; display: inline-block; width: 20px; height: 20px; margin-right: 8px; vertical-align: middle; overflow: hidden; position: relative; top: -1px } .ms-icon.i-util-chat:before { background-position: -1260px center } .ms-icon.i-util-contact:before { background-position: -1300px center } .ms-icon.i-generic:before { background: 0 } .ms-icon.i-tour:before { background-position: left center } .ms-icon.i-video:before { background-position: -20px center } .ms-icon.i-pdf:before { background-position: -40px center } .ms-icon.i-lock:before { background-position: -60px center } .ms-icon.i-people:before { background-position: -80px center } .ms-icon.i-cart:before { background-position: -100px center } .ms-icon.i-share:before { background-position: -120px center } .ms-icon.i-chat:before { background-position: -140px center } .ms-icon.i-contact:before { background-position: -160px center } .ms-icon.i-manual:before { background-position: -180px center } .ms-icon.i-person:before { background-position: -400px center } .ms-icon.i-mail:before { background-position: -660px center } .ms-icon.i-search:before { background-position: -720px center } .ms-icon.i-filter:before { background-position: -780px center } .ms-icon.i-ext:before { background-position: -840px center } .ms-icon.i-download:before { background-position: -900px center } .ms-icon.i-form:before { background-position: -960px center } .ms-icon.i-download-tray:before { background-position: -1020px center } .ms-icon.i-exit:before { background-position: -1080px center } .ms-icon.i-fax:before { background-position: -1340px center } .ms-icon.i-print:before { background-position: -1360px center } .ms-icon.i-white { color: #fff } .ms-icon.i-white.i-tour:before { background-position: -200px center } .ms-icon.i-white.i-video:before { background-position: -220px center } .ms-icon.i-white.i-pdf:before { background-position: -240px center } .ms-icon.i-white.i-lock:before { background-position: -260px center } .ms-icon.i-white.i-people:before { background-position: -280px center } .ms-icon.i-white.i-cart:before { background-position: -300px center } .ms-icon.i-white.i-share:before { background-position: -320px center } .ms-icon.i-white.i-chat:before { background-position: -340px center } .ms-icon.i-white.i-contact:before { background-position: -360px center } .ms-icon.i-white.i-manual:before { background-position: -380px center } .ms-icon.i-white.i-person:before { background-position: -420px center } .ms-icon.i-white.i-mail:before { background-position: -680px center } .ms-icon.i-white.i-search:before { background-position: -740px center } .ms-icon.i-white.i-filter:before { background-position: -800px center } .ms-icon.i-white.i-ext:before { background-position: -860px center } .ms-icon.i-white.i-download:before { background-position: -920px center } .ms-icon.i-white.i-form:before { background-position: -980px center } .ms-icon.i-white.i-download-tray:before { background-position: -1040px center } .ms-icon.i-white.i-exit:before { background-position: -1100px center } .ms-customer-stories .img-cont { height: 150px } .ms-featured-items .img-cont { height: 120px } .ms-featured-items .stories .img-cont { height: 56px } .ms-featured-items .studies .img-cont { height: 100px } .ms-featured-items .ms-row { margin-top: 50px } .ms-featured-items .ms-row:first-child { margin-top: 0 } .ms-perspectives .img-cont { height: 60px; width: 60px } .ms-perspectives .perspective-cont>a { float: left } .ms-perspectives .perspective-cont .author { margin-left: 75px } @media only screen and (min-width:601px) and (max-width:984px) { .perspective-cont>a { float: none } .author { margin-left: 0 } } @media only screen and (max-width:480px) { .ms-column { padding: 0 } .perspective-cont { padding: 0 } } .ms-perspectives .img-cont { height: 60px; width: 60px } .ms-perspectives .perspective-cont>a { float: left } .ms-perspectives .perspective-cont .author { margin-left: 75px } h3.haslock>span { background: transparent url("/wp-content/themes/html5blank-stable/img/icons/sprite_main.png") -25px -99px no-repeat; width: 11px; height: 13px; margin: -5px 5px 0 5px; display: inline-block } h4.haslock>a>span { background: transparent url("/wp-content/themes/html5blank-stable/img/icons/sprite_main.png") -25px -99px no-repeat; width: 11px; height: 13px; margin: -5px 5px -1px 5px; display: inline-block } @media only screen and (min-width:601px) and (max-width:984px) { .perspective-cont>a { float: none } .author { margin-left: 0 } } @media only screen and (max-width:480px) { .ms-column { padding: 0 } .perspective-cont { padding: 0 } } .ms-experience-motorola { border-top: 2px solid #ccc } .ms-experience-motorola .ms-row .ms-column { padding-bottom: 30px } .ms-experience-motorola h2 { margin-top: 8px; clear: both; font-size: 36px; font-size: 2.25rem; line-height: 1.05; letter-spacing: 0; text-transform: uppercase } @media only screen and (min-width:1025px) { .ms-experience-motorola h2 { font-size: 40px; font-size: 2.5rem } } @media only screen and (max-width:600px) { .ms-experience-motorola h2 { font-size: 30px; font-size: 1.875rem } } .ms-experience-motorola h3 { margin: 0; font-size: 22px } .ms-experience-motorola h4 { margin: 0 } .ms-experience-motorola p { margin: 0 0 10px; font-size: 14px; font-size: .875rem; line-height: 1.375 } .ms-experience-motorola a { display: block } .ms-experience-motorola .exp-section { margin-bottom: 10px } .ms-experience-motorola .video-link { display: block; position: relative } .ms-experience-motorola .img-cont { display: block; position: relative; margin-bottom: 14px; border: 1px solid #ccc } .ms-experience-motorola .btn-play { display: block; position: absolute; left: 50%; top: 50%; z-index: 2; -webkit-border-radius: 34px; -moz-border-radius: 34px; border-radius: 34px; border: 3px solid #fff; width: 54px; height: 34px; margin-top: -17px; margin-left: -30px; background: #000 } .ms-experience-motorola .btn-play:after { content: " "; height: 0; width: 0; border-left: 10px solid #fff; border-top: 6px solid transparent; border-bottom: 6px solid transparent; margin-left: -4px; margin-top: -6px; position: absolute; top: 50%; left: 50%; display: block } .ms-experience-motorola .video-link:hover .btn-play { border: 3px solid #00a0df } .ms-experience-motorola .video-link:hover .btn-play:after { content: " "; border-left: 10px solid #00a0df } .ms-experience-motorola .video-duration-base { display: block; position: absolute; bottom: 1px; right: 1px; width: 45px; background-color: #000; opacity: .7; height: 25px; z-index: 1 } .ms-experience-motorola .video-duration-time { display: block; position: absolute; bottom: 1px; right: 8px; text-align: right; padding: 4px 0 4px 0; width: 98%; color: #fff; font-size: 12px; font-weight: bold; z-index: 2 } .ms-experience-motorola .msiblog .ms-row { margin: 0 !important } .ms-experience-motorola .msiblog .ms-column { padding: 0 !important; left: 13px } .ms-experience-motorola .msiblog .ms-column:first-child { padding: 0 !important; left: 0 } .ms-experience-motorola .msiblog .ms-column:first-child+div { left: 7px } .ms-experience-motorola .i-pdf { display: inline-block; position: relative; padding-left: 28px } .ms-experience-motorola .i-pdf:before { position: absolute; left: 0; top: 0; background-position: -40px center; background-image: url("../../msi/assets/images/sprites/icon_spritesheet.png"); background-repeat: no-repeat; content: " "; display: inline-block; width: 20px; height: 20px; margin-right: 8px; vertical-align: middle; overflow: hidden } .ms-experience-motorola .i-pdf:hover { color: #00a0df } .ms-experience-motorola .i-pdf:hover:before { content: " "; background-position: -480px center } .ms-experience-motorola label { font-size: 12px; font-size: .75rem; line-height: 1.25; cursor: default; margin-top: 7px; display: block } .ms-experience-motorola .text-cont.pdf label, .ms-experience-motorola .text-cont.pdf p { padding-left: 28px } .ms-experience-motorola .meta { margin-top: 0 } .ms-experience-motorola .meta a { display: inline } .ms-experience-motorola .author a { margin-bottom: 0; font-weight: 700 } .ms-experience-motorola .author p { margin: 0 } .ms-experience-motorola .meta, .ms-experience-motorola .author, .ms-experience-motorola .author-title { font-size: 12px; font-size: .75rem; line-height: 1.25 } .ms-experience-motorola .doc-feature { padding-left: 80px; background: url("../../msi/assets/images/icons/doc_large.png") left top no-repeat; min-width: 60px; min-height: 84px; margin-bottom: 16px } .ms-experience-motorola .doc-feature.doc-download { background-image: url("../../msi/assets/images/icons/download_large.png") } .ms-experience-motorola .doc-item { position: relative; padding-left: 30px } .ms-experience-motorola .doc-item:before { content: " "; display: block; left: 0; top: 0; width: 16px; height: 20px; overflow: hidden; position: absolute; background: url("../../msi/assets/images/icons/doctypes.png") left top no-repeat } .ms-experience-motorola .doc-item.doctype-download:before { background-position: -16px top } .ms-experience-motorola .doc-item.doctype-video:before { background-position: -32px top } .ms-experience-motorola .ms-tab-section-thumbnail .text-cont { margin-top: 0 } .ie8 .ms-experience-motorola .msiblog .ms-column { max-width: 205px !important } .ie8 .ms-experience-motorola .msiblog .ms-column:first-child+div { left: 60px !important } .ie8 .ms-experience-motorola .msiblog .ms-column:first-child+div+div { left: 122px !important } @media only screen and (min-width:985px) and (max-width:1024px) { .msiblog .ms-column { max-width: 205px !important } .msiblog .ms-column:first-child+div { left: 45px !important } .msiblog .ms-column:first-child+div+div { left: 90px !important } } @media only screen and (min-width:601px) and (max-width:984px) { .ms-perspectives { padding-right: 15px } .ms-perspectives .perspective-cont>a { float: none; word-break: break-word; hyphens: auto } .ms-perspectives .perspective-cont .author { margin-left: 0; word-break: break-word; hyphens: auto } } @media only screen and (max-width:600px) { .ms-experience-motorola h3 { margin: 0 } .ms-experience-motorola .msiblog .ms-column { padding: 0 !important; left: 0 !important } .ms-experience-motorola .msiblog .ms-column:first-child+div { left: 0 !important } .ms-experience-motorola .exp-section>.ms-column:first-child { padding-bottom: 15px } .ms-experience-motorola .ms-row .ms-column .msiblog .ms-row { margin: 0 2px } .ms-experience-motorola .ms-row .ms-column .msiblog .ms-row .ms-column { padding-left: 0 } } @media only screen and (max-width:480px) { .ms-experience-motorola { padding: 10px } .ms-experience-motorola h2 { margin-bottom: 30px } .ms-experience-motorola a { max-width: 80% } .ms-experience-motorola h4>a { max-width: none } } .ms-child-list .img-cont { height: 140px } .ms-child-list .ms-child-list-child-sec-header { margin: 15px 0; padding: 5px 0 5px 78px; position: relative; text-align: left; min-height: 35px } .ms-child-list .ms-child-list-child-sec-header:before { left: 0; top: 0; background-image: url("../../msi/assets/images/sprites/childlist_icon_spritesheet.png"); background-repeat: no-repeat; content: " "; display: inline-block; width: 45px; height: 45px; vertical-align: middle; overflow: hidden; position: absolute } .ms-child-list .ms-child-list-child-sec-header:after { content: " "; display: block; top: 0; bottom: 0; width: 1px; background: #ccc; left: 63px; position: absolute } .ms-child-list .ms-child-list-child-sec-header.i-none { padding-left: 0; min-height: 0; margin: 0 } .ms-child-list .ms-child-list-child-sec-header.i-none:after, .ms-child-list .ms-child-list-child-sec-header.i-none:before { display: none } .ms-child-list .ms-child-list-child-sec-header.i-accessories:before { background-position: left center } .ms-child-list .ms-child-list-child-sec-header.i-ambulance:before { background-position: -45px center } .ms-child-list .ms-child-list-child-sec-header.i-computer:before { background-position: -90px center } .ms-child-list .ms-child-list-child-sec-header.i-connections:before { background-position: -135px center } .ms-child-list .ms-child-list-child-sec-header.i-construction:before { background-position: -180px center } .ms-child-list .ms-child-list-child-sec-header.i-corp-resp:before { background-position: -225px center } .ms-child-list .ms-child-list-child-sec-header.i-devices:before { background-position: -270px center } .ms-child-list .ms-child-list-child-sec-header.i-fire:before { background-position: -315px center } .ms-child-list .ms-child-list-child-sec-header.i-gear:before { background-position: -360px center } .ms-child-list .ms-child-list-child-sec-header.i-globe:before { background-position: -405px center } .ms-child-list .ms-child-list-child-sec-header.i-government:before { background-position: -450px center } .ms-child-list .ms-child-list-child-sec-header.i-idea:before { background-position: -495px center } .ms-child-list .ms-child-list-child-sec-header.i-info:before { background-position: -540px center } .ms-child-list .ms-child-list-child-sec-header.i-investor:before { background-position: -585px center } .ms-child-list .ms-child-list-child-sec-header.i-police:before { background-position: -630px center } .ms-child-list .ms-child-list-child-sec-header.i-product-lines:before { background-position: -675px center } .ms-child-list .ms-child-list-child-sec-header.i-soft-app-1:before { background-position: -720px center } .ms-child-list .ms-child-list-child-sec-header.i-soft-app-2:before { background-position: -765px center } .ms-child-list .ms-child-list-child-sec-header.i-sys-net:before { background-position: -810px center } .ms-child-list .ms-child-list-child-sec-header.i-tools:before { background-position: -855px center } .ms-child-list .ms-child-list-child-sec-header.i-chat:before { background-position: -900px center } .ms-child-list .ms-child-list-child-sec-header.i-phone:before { background-position: -945px center } .ms-child-list .ms-child-list-child-sec-header.i-search:before { background-position: -990px center } .ms-child-list .ms-child-list-child-sec-header.i-shop:before { background-position: -1035px center } .ms-child-list .ms-child-list-child-sec-header.i-gear2:before { background-position: -1080px center } .ms-child-list .ms-child-list-child-sec-header.i-cards:before { background-position: -1125px center } .ms-child-list .ms-child-list-child-sec-header.i-tray:before { background-position: -1170px center } .ms-child-list .ms-child-list-child-sec-header.i-compass:before { background-position: -1215px center } .ms-child-list .ms-child-list-child-sec-header.i-person:before { background-position: -1260px center } .ms-child-list .ms-child-list-child-sec-header.i-book:before { background-position: -1305px center } .ms-child-list .ms-child-list-child-sec-header.i-gitlab:before { background-position: -1350px center } .ms-child-list .ms-child-list-child-sec-header.i-bintray:before { background-position: -1395px center } .ms-child-list .ms-child-list-child-sec-header.i-jcenter:before { background-position: -1440px center } .ms-child-list .ms-child-list-child-sec-header.i-emsignia:before { background-position: -1485px center } .ms-child-list .ms-child-list-child-sec-header.i-mulesoft:before { background-position: -1530px center } .ms-child-list .ms-child-list-child-sec-header.i-handheld:before { background-position: -1575px center } .ms-child-list .ms-child-list-child-sec-header.i-filter:before { background-position: -1620px center } .ms-child-list .ms-child-list-child-sec-header.i-radios:before { background-position: -1665px center } .ms-child-list .ms-child-list-cat-header { display: block; min-height: 60px } .ms-child-list p { margin-top: 0; margin-bottom: 20px } .ms-child-list p, .ms-child-list ul { font-size: 14px; font-size: .875rem; line-height: 1.375 } .ms-child-list li { margin-bottom: 20px } .landingteaser { margin-left: 10px } .landingteaser li { list-style: none } .ms-layout-home .ms-body-content { max-width: none; width: auto; padding-bottom: 171px } .ms-layout-home .ms-content-main { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 1240px; margin: 0 auto; position: relative } .lt-ie9 .ms-content-main { width: 1024px } .nav-account-info, .nav-contract-info { max-width: none; border: 0; padding: 0 30px 0; margin: 0; font-weight: 700; font-size: .85rem; display: block; height: 44px; border-top: 1px solid #e7e8e9 } .nav-contract-info { border-bottom: 1px solid #e7e8e9 } #account-search, #contract-search { font-family: Arial; background-color: transparent; border-style: solid; border-width: 0; border-color: #0063cb; max-width: 135px; font-size: 14px; line-height: 1.43; color: #444; outline: 0 } .span-arrow-toggle { position: relative; display: inline-block; right: -20px; top: 3px } .span-arrow-toggle:hover { cursor: pointer } .span-arrow { position: relative; display: inline-block; width: 8px; height: 8px; margin-bottom: 2px; border-top: 0; border-left: 0; border-right: 3px solid #0063be; border-bottom: 3px solid #0063be; pointer-events: none } .span-arrow-down { transform: rotate(45deg) } .span-arrow-right { transform: rotate(320deg) } .info-tooltip { float: none; color: #0063be; font-weight: 700; display: inline } ul#select-account, ul#select-contract { width: 100%; background-color: #f0f1f2; border: 0; max-height: 240px; overflow-y: auto; -webkit-box-shadow: inset 0 11px 8px -10px #ccced0; -moz-box-shadow: inset 0 11px 8px -10px #ccced0; box-shadow: -3px 0 3px 0 rgba(0, 0, 0, 0.25) } ul#select-account>li, ul#select-contract>li { padding: 10px 30px 10px; display: block; word-break: break-word; cursor: pointer } #B2B_User { margin-top: 10px } .dictionary-title { padding: 0; margin-bottom: 12px } h2.dictionary-title { margin: 0 0 20px 0; padding-bottom: 5px; border-bottom: 1px solid #ccc } h3.dictionary-title { margin: 0 0 20px 0; padding-bottom: 5px; border-bottom: 1px solid #ccc } h4.dictionary-title { margin: 0 0 20px 0; padding-bottom: 5px; border-bottom: 1px solid #ccc } h5.dictionary-title { margin: 0 0 20px 0; padding-bottom: 5px; border-bottom: 1px solid #ccc } @font-face { font-family: "UniversLTStd"; src: url("../../../../app/etc/assets/fonts/global/adc492fa-2e18-46e7-a334-19977a077ec2.eot"); src: url("../../../../app/etc/assets/fonts/global/adc492fa-2e18-46e7-a334-19977a077ec2.eot?#iefix") format("embedded-opentype"), url("../etc/assets/fonts/global/14f0370a-8385-437e-b5b8-5cb89e20e2ff.woff") format("woff"), url("../etc/assets/fonts/global/8c1d24ab-e7f8-4c29-a419-f87180fdf410.ttf") format("truetype"), url("../etc/assets/fonts/global/9baaf87b-982d-45c0-9518-8f5aec7c1292.svg#9baaf87b-982d-45c0-9518-8f5aec7c1292") format("svg"); font-weight: normal; font-style: normal } @font-face { font-family: "UniversLTStd-Cn"; src: url("../../../../app/etc/assets/fonts/global/c1f2f059-579b-465a-a13f-d70acd6c6212.eot"); src: url("../../../../app/etc/assets/fonts/global/c1f2f059-579b-465a-a13f-d70acd6c6212.eot?#iefix") format("embedded-opentype"), url("../../../../app/etc/assets/fonts/global/b2388651-dd56-4c8e-8455-c55318f6a734.woff") format("woff"), url("../../../../app/etc/assets/fonts/global/346ec69d-90a7-4fef-a216-1a0dafbd3798.ttf") format("truetype"), url("../../../../app/etc/assets/fonts/global/d39b0ff2-cca2-4288-8f6a-c730f44feb81.svg#d39b0ff2-cca2-4288-8f6a-c730f44feb81") format("svg"); font-weight: normal; font-style: normal } @font-face { font-family: Arial, Helvetica, sans-serif } #notification-bar * { margin: 0; padding: 0 } #notification-bar h1, #notification-bar h2, #notification-bar h3, #notification-bar h4 { margin: 0; padding: 0; font-style: normal; font-stretch: normal; letter-spacing: normal } #notification-barh5 { margin: 0; padding: 0; font-style: normal; font-stretch: normal; letter-spacing: normal } #notification-bar { background-color: #111; color: #fff; position: fixed; display: none; justify-content: center; width: 100%; z-index: 300; top: 0 } #notification-bar p, #notification-bar div, #notification-bar .row { margin: 0; padding: 0; font-style: normal; font-stretch: normal; letter-spacing: normal } #notification-bar .container-fluid { padding: 0 } #notification-bar .notification-bar__content-text { font-family: Arial; font-size: 12px; line-height: 2.17; letter-spacing: .1px; text-align: center; color: #fff } #notification-bar>.notification-bar__content { padding: 7px 0; margin: 0 auto } #notification-bar>.notification-bar__content>.row>.col>a { display: inline-block; text-decoration: none } #notification-bar>.notification-bar__content>.row>.col>a:after { content: ''; display: block; border-bottom: 1px dotted #fff; width: 0; transition: .5s ease } #notification-bar>.notification-bar__content>.row>.col>a:hover:after { width: 100% } #notification-bar>.notification-bar__content>.row>.col>a>span.forward-icon { font-family: Arial; font-size: 12px; text-align: Center; line-height: 26px; letter-spacing: .1px; color: #fff } #notification-bar>.notification-bar__content>.row>.col>a>span.forward-icon::after { content: '\2192'; padding-left: 6px } @media(min-width:768px) { #notification-bar>.notification-bar__content .row { display: flex; justify-content: space-between } } @media(min-width:992px) { #notification-bar>.notification-bar__content { max-width: 821px } } @font-face { font-family: Arial, Helvetica, sans-serif } .font__h3 { color: #343434; font-family: Arial; font-size: 23px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: .4px } .font__h6 { opacity: 1 !important; color: #fff; font-family: Arial; font-size: 10px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.8; letter-spacing: 2px } .font__p { color: #767676; font-family: Arial; font-size: 16px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.63; letter-spacing: normal } .footer__wrapper--links ul li a { color: #ccc; font-family: Arial; font-size: 13px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 2.62; letter-spacing: 1px; display: inline-block; white-space: nowrap } .footer__wrapper--links ul li a:after { content: ''; display: block; border-bottom: 1px dotted #fff; width: 0; transition: .5s ease; text-decoration: none } .footer__wrapper--links ul li a:hover:after { width: 100% } .footer-font__p--small { color: #999; font-family: Arial; font-size: 10px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.8; letter-spacing: .4px; text-align: center; margin-bottom: 0 } .footer-font__social-links { font-family: Arial; font-size: 10px; text-align: left !important; ; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: .9px; text-align: center; display: flex; flex-direction: row; justify-content: space-between } .footer-font__social-links a { color: #999 } .light { color: #fff } .footer__wrapper a:hover { text-decoration: none } .footer__border { height: 0 } .footer__social--background { background: #111; justify-content: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } .footer__social--wrapper { clear: both; display: flex; flex-wrap: wrap; flex-direction: column; justify-content: space-between; color: #fff; z-index: 110; -moz-transition: margin .4s cubic-bezier(0.3, 0.8, 0.35, 0.9); -webkit-transition: margin .4s cubic-bezier(0.3, 0.8, 0.35, 0.9); -ms-transition: margin .4s cubic-bezier(0.3, 0.8, 0.35, 0.9); -o-transition: margin .4s cubic-bezier(0.3, 0.8, 0.35, 0.9); transition: margin .4s cubic-bezier(0.3, 0.8, 0.35, 0.9); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; align-items: center; padding: 40px 15px 26px } .footer__social--left, .footer__social--right { padding-left: 0; padding-right: 0 } .footer__social--wrapper a { color: #fff; margin-right: 15px } .footer__social--wrapper ul { display: flex; justify-content: center; list-style: none; padding: 8px 0; margin: 0 } .footer__social-icons { display: flex; flex-direction: row; padding: 8px 0 } .footer__select { display: flex; justify-content: center; margin-bottom: 26px } .footer__select-location { height: 35px; margin: 15px } .footer__social-icons li { float: left; margin-right: 10px; position: relative; width: 30px; height: 30px } .footer__social--logo li { float: left; margin-right: 10px; position: relative; width: 40px; height: 40px } .footer__social-icons li a, .footer__social--logo li a { background-image: url(/wp-content/themes/html5blank-stable/img/socialmedia_spritesheet.png); background-repeat: no-repeat; content: " "; display: inline-block; width: 100%; height: 100%; vertical-align: middle; overflow: hidden; position: absolute; top: 0 } .footer__social-icons li a { color: #fff; opacity: .6 } .footer__social-icons li a:hover { opacity: 1 } .footer__social--wrapper ul li a.i-motorola-logo { background-position: -680px center } .footer__social--wrapper ul li a.i-facebook { background-position: -1200px center } .footer__social--wrapper ul li a.i-twitter { background-position: -1240px center } .footer__social--wrapper ul li a.i-linkedin { background-position: -1280px center } .footer__social--wrapper ul li a.i-googleplus { background-position: -1320px center } .footer__social--wrapper ul li a.i-periscope { background-position: -1360px center } .footer__social--wrapper ul li a.i-youtube { background-position: -1400px center } .footer__social--wrapper ul li a.i-motorola-launchpad { background-position: -1440px center } .footer__social--wrapper ul li a.i-instagram { background-position: -1480px center } .footer__social--wrapper ul li a.i-pinterest { background-position: -1520px center } .footer__wrapper { background-color: #111; color: #fff; display: block; flex-direction: column; padding-bottom: 40px } ul.footer__social-logo { margin-bottom: 28px } .footer__social--headline { font-family: Arial; font-size: 13px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 2.62; letter-spacing: 1px; text-align: center; color: #ccc; margin-bottom: 13px } .footer__wrapper ul { list-style: none; padding: 0; margin: 0 } .footer__wrapper a { text-decoration: none } ul.footer-font__social-links { padding: 0 15px } .footer__wrapper--links a { padding: 4px 0 4px 15px } .footer-font__social-links a { padding-left: 0 } .footer__wrapper a:hover, .footer__wrapper a:active { color: #fff } .footer__wrapper--links { flex-direction: column; padding: 0; margin-bottom: 26px } .footer__wrapper--links ul { margin: 15px 0 } .footer__wrapper--links ul li { padding: 0 0 0 15px } .footer__wrapper--disclaimer { padding: 0 15px; margin-bottom: 58px; text-align: center } .footer__wrapper--copyright { padding: 0; text-align: center; margin-bottom: 26px } .footer__icon--location { height: 24px; width: 24px } .footer__headline--mobile { border-top: 1px solid rgba(204, 204, 204, 0.1); border-bottom: 1px solid rgba(204, 204, 204, 0); padding: 15px; text-transform: uppercase; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; margin: 0 } .footer__headline--mobile:hover { cursor: pointer } .footer__headline--mobile a { color: #fff } .footer__wrapper--links div { padding: 0 } .footer__wrapper--links div:last-of-type .footer__headline--mobile { border-bottom: 1px solid rgba(204, 204, 204, 0.1) } .footer__headline--mobile.openFoot { border-bottom: 1px solid rgba(204, 204, 204, 0.1) } .footer__wrapper--links ul { display: none } .footer__wrapper--links li.openFoot ul { display: block } .footer__list--chevron::after { border-style: solid; border-width: 1px 1px 0 0; content: ' '; display: inline-block; position: relative; transform: rotate(135deg); vertical-align: top; height: 9px; width: 9px; float: right; margin-right: 3px; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; color: #fff } .footer__headline--mobile.openFoot .footer__list--chevron:after { transform: rotate(-45deg); -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease } @media all and (min-width:768px) { .footer__social--headline { font-size: 10px; line-height: 1.8; letter-spacing: .5px; text-align: left; margin-bottom: 26px } .footer__headline--mobile.openFoot { border-bottom: 0 } .footer__headline--mobile { margin-bottom: 11px } .footer__headline--mobile:hover { cursor: default } .footer__wrapper { padding-bottom: 0 } .footer__wrapper a { padding: 0 } .footer__social--wrapper { flex-direction: row; padding: 26px 40px; flex-wrap: wrap; flex: 2; border-bottom: 1px solid rgba(204, 204, 204, 0.1) } .footer__social--wrapper ul { justify-content: flex-start; padding-top: 0 } .footer__wrapper--end { display: flex; flex-direction: row; flex-wrap: wrap; order: 3; align-items: baseline; padding: 0 40px } .footer__select { order: 2; flex: 2; justify-content: flex-end; margin-bottom: 0 } ul.footer-font__social-links { order: 1; flex: 2; padding-left: 0 } .footer__wrapper--copyright, .footer__wrapper--disclaimer { order: 3; flex: 1 1 100% } .footer__wrapper--links { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; padding: 40px 40px 0 } .footer__wrapper--links div { padding: 0 } .footer__wrapper--links ul { margin-right: 15px; margin-bottom: 40px; display: block } .footer__headline--mobile ul { display: block } .footer__list--chevron::after { display: none } .footer__headline--mobile, .footer__wrapper--links div:last-of-type .footer__headline--mobile { border: 0 } .footer__headline--mobile { padding-left: 0 } .footer__wrapper--links ul li { padding: 0 } .footer__wrapper--copyright, .footer__wrapper--disclaimer { padding: 0 40px } .footer__wrapper--copyright { margin-top: 33px } } @media all and (min-width:992px) { .font__h6 { font-size: 12px; line-height: 1.5 } .footer-font__p--small { font-size: 10px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.8; letter-spacing: .4px } .footer__social--headline { font-size: 12px; line-height: 1.5; letter-spacing: .6px; margin-bottom: 0 } .footer__social--wrapper { border-bottom: 1px solid rgba(204, 204, 204, 0.1); padding-left: 0; padding-right: 0; flex: 1 1 100% } .footer__social--left, .footer__social--right { display: flex; flex-direction: row; align-items: center } .footer__social-icons { flex: 1 } .footer__select-location { margin-right: 0 } .footer__social--breadcrumbs { order: 2; flex: 1 1 25% } .footer__social--headline { order: 3; flex: 1 1 25%; text-align: right } ul.footer__social-icons { order: 4; flex: 1 1 25%; justify-content: flex-end } .footer__wrapper--links { justify-content: space-between; margin-bottom: 17px; margin-left: auto; margin-right: auto; padding-left: 0; padding-right: 0 } .footer__select { order: 3; flex: 2 } ul.footer-font__social-links { order: 2; flex: 2; justify-content: space-around } .footer__wrapper--copyright { display: flex; justify-content: flex-start; order: 1; flex: 2; text-align: left; padding: 0 } .footer__wrapper--disclaimer { margin: 0 auto 31px } .footer__wrapper--end { padding: 0; margin: 0 auto } .footer__border { border-bottom: 1px solid rgba(204, 204, 204, 0.1); margin: 0 auto 26px } } #ms-content { margin-top: 116px } .ms-logo { background: url('/wp-content/themes/html5blank-stable/img/msisolutions-lg.png') no-repeat; height: 35px; display: inline-block; float: left; margin-top: 15px; background-size: 100% } .ms-header { border-bottom: 0; height: 64px !important } .ms-main-nav { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex } .ms-header-primary { height: 64px } .buddynav-active .ms-header nav.ms-nav-buddy-menu { z-index: 201 } .ms-nav-depth-0 .nav-flyout { border: 0 } .nav-search-g { top: -99px !important } #buddy_nav_close { width: 45px; top: 5px } .buddynav-active .ms-header nav.ms-nav-buddy-menu { width: 312px } nav.ms-nav-buddy-menu.dss-user .ms-nav-buddy-inner .nav-login-name { padding: 20px 30px 0 } nav.ms-nav-buddy-menu.dss-user .ms-nav-buddy-inner #account_logout { margin-bottom: 40px } nav.ms-nav-buddy-menu.dss-user .ms-nav-buddy-inner { overflow-y: scroll; overflow-x: hidden } .media-modal .media-modal-close { margin-right: 48px; margin-top: 48px } .ms-nav-depth-0>li.haslock>a:after { display: inline-block; position: relative; background: url('../app/etc/assets/images/header-footer-icons/lock-closed-24-white.svg'); width: 24px; height: 24px; margin-bottom: -6px; right: -22px } .ms-nav-depth-2>li.haslock>a>span { display: inline-block; background: url('../app/etc/assets/images/header-footer-icons/lock-closed-24.svg'); width: 24px; height: 24px; margin-bottom: -6px } .ms-header.collapsed nav.ms-nav-main .ms-nav-inner .ms-nav-util { display: inline-block; align-items: center } .ms-header.collapsed nav.ms-nav-main .ms-nav-inner .close-btn#main_nav_close { display: none } .header__icon { background-repeat: no-repeat; background-size: contain; background-position: center; height: 32px; width: 32px } .header__icon--mobile-nav { background-image: url(/wp-content/themes/html5blank-stable/img/menu-32-blue.svg); background-repeat: no-repeat; background-position: center; width: 30px; margin-left: 15px } .global-icons { display: flex; flex-direction: row-reverse; } .ms-header.collapsed nav.ms-nav-main .ms-nav-inner .nav-search .ms-search-pane { display: inline-block; float: right } .ms-header.collapsed nav.ms-nav-main .ms-nav-inner .nav-search .ms-search-pane>.nav-search-g { background-color: transparent; border-bottom: 0; position: absolute; margin-right: 7px; width: 100%; padding: 8px; width: 75% } .ms-header.collapsed nav.ms-nav-main .ms-nav-inner .nav-search .ms-search-pane>.nav-search-g .prod-cat-search-row label { color: #111 } .ms-header.collapsed nav.ms-nav-main .ms-nav-inner .nav-search { height: 82px; color: #111; padding: 0; float: left; position: relative; margin-left: 15px } .ms-header.collapsed nav.ms-nav-main .ms-nav-inner .nav-search>a { display: inline-block; height: 60px; width: 60px } .ms-nav-depth-0 .ms-hide-pane { box-shadow: 0 30px 40px 0 rgba(35, 35, 35, 0.3) } .ms-nav-depth-0 .ms-hide-pane.active { position: relative; display: block; top: 0 } .ms-nav-depth-0 .nav-flyout { height: auto; visibility: visible; margin: 0; border-bottom: 0 } .ms-header.collapsed nav.ms-nav-main { height: 100%; opacity: 1 } .ms-header.collapsed nav.ms-nav-main .ms-nav-inner .ms-nav-depth-0 { height: auto } .ms-header.collapsed nav.ms-nav-main .ms-nav-inner .ms-nav-depth-0>li, .ms-header.collapsed nav.ms-nav-main .ms-nav-inner .ms-nav-depth-0>li:active, .ms-header.collapsed nav.ms-nav-main .ms-nav-inner .ms-nav-depth-0>li:hover { color: #fff; background-color: #343434; font-family: Arial; font-size: 14px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.29; letter-spacing: .3px; border-bottom: 1px solid rgba(0, 0, 0, .1); padding: 0; margin: 0 } .ms-header.collapsed nav.ms-nav-main .ms-nav-inner .ms-nav-depth-0>li a, .ms-header.collapsed nav.ms-nav-main .ms-nav-inner .ms-nav-depth-0>li:hover a { color: #fff; border-bottom: 1px solid rgba(0, 0, 0, .1); padding-left: 15px } .ms-nav-depth-1>li { padding: 0; min-width: 15%; text-align: left } .ms-flyout-list-promo { padding: 13px 10px 0 20px; white-space: normal } .ms-flyout-list { line-height: 0 } .ms-flyout-list .sec-title, .ms-flyout-list a.sec-title { color: #fff; background-color: #666; font-family: Arial; font-size: 14px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.29; letter-spacing: .3px; padding: 17px 0 17px 30px !important; border-bottom: 1px solid rgba(0, 0, 0, .1); text-transform: unset; margin-bottom: 0 } .flyout-gutter { color: #000; background-color: #666; padding: 0; margin: 0; border-top: 0 } .flyout-gutter a { padding-left: 30px !important } .ms-nav-links .ms-nav-depth-2 { background-color: #ededed; font-family: Arial; font-size: 14px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.29; letter-spacing: .2px; border-bottom: 1px solid rgba(0, 0, 0, .1) } .ms-header.collapsed nav.ms-nav-main .ms-nav-inner .ms-nav-links.ms-nav-depth-2>li a { color: #000; padding-left: 45px } .active { display: block !important } .btn-primary:hover, .btn-primary:not(:disabled):not(.disabled):hover { background: #111 } .ms-flyout-list-promo h2 { font-family: Arial; font-size: 12px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: 1.5; letter-spacing: 1.6px; color: #343434; background: #fff; text-align: center; border-bottom: 0; text-transform: uppercase } @media screen and (max-width:767.98px) { .ms-nav-depth-0 .ms-hide-pane { position: relative; overflow: hidden; top: 0; right: 0 } .ms-hide-pane { display: none } .ms-nav-depth-1 { width: 100% } .ms-flyout-list { width: 100% !important; min-width: 100% !important } .ms-nav-links .ms-nav-depth-2 { display: none } .d-none { display: none } #notification-bar div:first-of-type { display: inline-block; float: left; padding-left: 15px } #notification-bar div:last-of-type { float: right; padding-right: 15px } .ms-header.collapsed nav.ms-nav-main .ms-nav-inner { position: static; height: 100vh } .ms-header.collapsed nav.ms-nav-main { width: 100%; margin-right: -100%; top: 62px; height: auto } .sidebar-active .ms-header.collapsed nav.ms-nav-main { margin-right: 0; transition: margin 500ms; box-shadow: none } .ms-header.collapsed nav.ms-nav-main .ms-nav-inner .ms-nav-depth-0 { width: 100%; text-align: center; padding: 0; float: none; left: 0; max-width: 100%; overflow-x: hidden; clear: both } .ms-header.collapsed nav.ms-nav-main .ms-nav-inner .ms-nav-depth-0>li { margin: 0; display: block; text-align: left } .ms-header.collapsed nav.ms-nav-main .ms-nav-inner .ms-nav-depth-0>li.hassub.show-fly .ms-hide-pane { top: 0; height: auto; z-index: 5; width: 100%; left: 0; position: relative } .ms-flyout-list-promo { display: none } .ms-flyout-list.cols-2 .ms-nav-depth-2 { width: 100% } .ms-nav-links .ms-nav-depth-2 li { border-bottom: 1px solid rgba(0, 0, 0, .1) } .ms-header.collapsed nav.ms-nav-main .ms-nav-inner .ms-nav-util { display: inline-flex; width: 100% } .ms-header.collapsed nav.ms-nav-main .ms-nav-inner .ms-nav-util>a { display: flex; justify-content: center } .ms-nav-depth-0>li.hassub>a>span:after, .ms-flyout-list.hassub .sec-title:after { border-style: solid; border-width: 1px 1px 0 0; content: ' '; display: inline-block; position: relative; transform: rotate(135deg); vertical-align: top; height: 9px; width: 9px; float: right; top: 45%; margin-right: 45px; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; color: #fff } li.hassub.openlist>a>span:after, .ms-flyout-list.openlist .sec-title:after { transform: rotate(-45deg); -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease } .ms-nav-depth-0>.openlist>a>span { background: transparent } .ms-nav-depth-0>li>a>span:after { border-width: 0 } } @media only screen and (max-width:984px) { .ms-body-content { padding-top: 0 } } @media all and (min-width:768px) and (max-width:992px) { #ms-nav-main { visibility: visible } #buddy-toggle { display: inline-block } .ms-nav-depth-0 { top: 58px; display: flex; justify-content: space-around; padding: 0 40px } .ms-nav-depth-0>li>a { font-family: Arial; font-size: 14px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: .4px; color: #767676; text-align: center; margin-right: 0 } .ms-nav-depth-0>li.hassub.show-fly>a { color: #232323 } .ms-flyout-list .sec-title, .ms-flyout-list a.sec-title { background-color: transparent; font-size: 10px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: 1.6; letter-spacing: 1.4px; color: #232323; border: 0; text-transform: uppercase; padding-left: 40px } .ms-flyout-list a { color: #343434 } .ms-nav-depth-0 a:hover>span, .ms-nav-depth-0 a:active>span, .ms-nav-depth-0>li.hassub.show-fly>a>span { border-bottom: solid 3px #111 } .ms-nav-depth-0>li.hassub.show-fly .ms-hide-pane { text-align: left; padding-bottom: 40px; top: 57px } .ms-nav-depth-1>li { width: 50% !important; background-color: transparent } .ms-nav-links .ms-nav-depth-2 { background-color: transparent; border: 0; padding-left: 30px } .ms-flyout-list.cols-2 .ms-nav-depth-2 { width: 100% } .ms-flyout-list-promo.promo-first { display: none } .nav-search-g { margin-right: 0 } } @media all and (min-width:768px) { #ms-nav-main { overflow: unset } .d-md-block { display: block !important } .ms-hide-pane-login { right: -19px } #nav_links { white-space: nowrap !important } .flyout-gutter { background-color: transparent; margin-top: 28px } .ms-nav-depth-0>li>a:hover { cursor: pointer } li.haslock>span.sec-title { width: auto } } @media screen and (min-width:768px) and (max-width:1055.98px) { .ms-nav-main { height: 100% !important; position: relative; z-index: 10000000; } .ms-nav-depth-0 { background-color: #fff; width: 100%; text-align: center; padding: 0; float: none; left: 0; max-width: 100%; position: fixed; top: 64px; margin: 0 } .ms-nav-depth-0>li.hassub.show-fly .ms-hide-pane { max-height: 75vh; top: 58px; left: 0; overflow-y: scroll; z-index: 5; width: 100%; position: absolute; box-shadow: 0 30px 40px 0 rgba(35, 35, 35, 0.3); background-color: #fff } .ms-nav-depth-0>li.hassub.show-fly .nav-flyout { visibility: visible; height: auto } .ms-nav-depth-1 { position: relative } .ms-flyout-list.w-50 { width: 50%; min-height: 350px } } @media all and (min-width:992px) { #ms-nav-main { visibility: visible; overflow: visible } .ms-nav-depth-0 .nav-flyout { background: rgba(255, 255, 255, 1) } #buddy-toggle { display: inline-block } .ms-flyout-list .sec-title, .ms-flyout-list a.sec-title { font-family: Arial; font-size: 12px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: 1.5; letter-spacing: 1.6px; color: #343434; background: #fff; text-align: left; border-bottom: 0; text-transform: uppercase; white-space: normal } li.haslock>span.sec-title { padding-left: 0 !important } li.haslock>span.sec-title:first-of-type { padding-left: 30px !important } .ms-nav-links .ms-nav-depth-2 { background-color: #fff; border-bottom: 0 } .ms-nav-depth-0>li.hassub.show-fly>a { color: #111 } .ms-nav-depth-0>li.hassub.show-fly>a>span { border-bottom: 3px solid rgba(17, 17, 17, 1); width: 48px; margin: 0 auto } .ms-nav-depth-0 a:hover>span { border-bottom: 3px solid rgba(17, 17, 17, .1); width: 48px; margin: 0 auto } .ms-nav-links .ms-nav-depth-2 a { font-family: Arial; font-size: 14px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.5; letter-spacing: .4px; color: #232323; text-align: left; float: left; padding-left: 30px; text-decoration: none !important; display: inline-block; width: auto; clear: both; white-space: initial } .ms-nav-links .ms-nav-depth-2 a:hover { color: #005cb9 } .font__link--animate { color: #005cb9; text-decoration: none !important; display: block } .ms-nav-links .ms-nav-depth-2 a:after { content: ''; display: block; border-bottom: 1px dotted #005cb9; width: 0; transition: .5s ease; text-decoration: none } .ms-nav-links .ms-nav-depth-2 a:hover:after { width: 100% } .ms-nav-depth-1:before, .ms-nav-depth-1:after { content: none } .ms-header { height: 64px; border-bottom: 0 } .header__icon--mobile-nav { display: none } .ms-nav-depth-0 .nav-flyout { border: 0; padding-bottom: 30px; box-shadow: 0 30px 40px 0 rgba(35, 35, 35, 0.3) } .ms-nav-depth-0 .nav-flyout:before { background: #fff; border: 0 } .ms-nav-depth-0>li>a { font-family: Arial; font-size: 15px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: .4px; color: #767676; margin-right: 40px } .ms-flyout-list { width: auto } .ms-flyout-list:last-of-type { margin-right: 30px } .flyout-gutter { background-color: #fff; text-align: left; padding-left: 0; padding-top: 28px } .ms-nav-links .ms-nav-depth-1 { display: flex; justify-content: space-between; align-items: flex-start } .ms-nav-depth-0>li.hassub.show-fly .ms-hide-pane { position: fixed; width: 100%; left: 0; right: 0; overflow-y: auto } .nav-search-g { margin-right: 0 } } @media screen and (max-width:1150px) { .ms-nav-depth-0 { margin-left: 0px; } } @media screen and (min-width:1056px) { .ms-header>.ms-site-cont { padding: 0 15px; width: auto; min-width: 300px; max-width: 100% } .ms-header-primary { display: block; width: 100%; position: relative } .ms-nav-main { position: relative } .ms-nav-inner { width: 100% } .ms-nav-depth-0 { text-align: center; width: 80%; } .ms-nav-depth-0 .ms-hide-pane:hover { width: 100%; position: fixed; left: 0; right: 0; top: 58px } .ms-nav-depth-0 .nav-flyout { height: auto } .ms-flyout-list.w-16 { width: 16.66% } } @media all and (min-width:1527px) { .ms-nav-depth-0>li.hassub.show-fly .ms-hide-pane { position: fixed } }