/*----------------------------------------------------------------------------- Super Logos Showcase for Wordpress ------------------------------------------------------------------------------- $ Index ------------------------------------------------------------------------------- $ Foundation $ Block Grid $ Forms $ Grid $ Visibility $ Extend $ Assets $ Forms $ Filters $ Items $ List $ Panels $ Summary $ Tabs $ Tables $ Togglers -----------------------------------------------------------------------------*/ .sls-main-content *, .sls-main-content *:before, .sls-main-content *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* Typography resets */ .sls-content, .notes-list, .item__title { margin: 0; padding: 0; } /*----------------------------------------------------------------------------- `-- (Foundation) $ Block Grid -----------------------------------------------------------------------------*/ [class*="block-grid-"] { display: block; padding: 0; margin: 0 -10px; } [class*="block-grid-"]:before, [class*="block-grid-"]:after { content: " "; display: table; } [class*="block-grid-"]:after { clear: both; } [class*="block-grid-"] > li { display: block; height: auto; float: left; padding: 0 10px 20px; list-style: none; } @media only screen { [class*="small-block-grid"] > li:nth-of-type(n) { clear: none; } .sls-main-content .small-block-grid-1 > li { width: 100%; } .sls-main-content .small-block-grid-2 > li { width: 50%; } .sls-main-content .small-block-grid-3 > li { width: 33.33333%; } .sls-main-content .small-block-grid-4 > li { width: 25%; } .sls-main-content .small-block-grid-5 > li { width: 20%; } .sls-main-content .small-block-grid-6 > li { width: 16.66667%; } .sls-main-content .small-block-grid-7 > li { width: 14.28571%; } .sls-main-content .small-block-grid-8 > li { width: 12.5%; } .sls-main-content .small-block-grid-9 > li { width: 11.11111%; } .sls-main-content .small-block-grid-10 > li { width: 10%; } .sls-main-content .small-block-grid-11 > li { width: 9.09091%; } .sls-main-content .small-block-grid-12 > li { width: 8.33333%; } .sls-main-content .small-block-grid-1 > li:nth-of-type(1n+1), .sls-main-content .small-block-grid-2 > li:nth-of-type(2n+1), .sls-main-content .small-block-grid-3 > li:nth-of-type(3n+1), .sls-main-content .small-block-grid-4 > li:nth-of-type(4n+1), .sls-main-content .small-block-grid-5 > li:nth-of-type(5n+1), .sls-main-content .small-block-grid-6 > li:nth-of-type(6n+1), .sls-main-content .small-block-grid-7 > li:nth-of-type(7n+1), .sls-main-content .small-block-grid-8 > li:nth-of-type(8n+1), .sls-main-content .small-block-grid-9 > li:nth-of-type(9n+1), .sls-main-content .small-block-grid-10 > li:nth-of-type(10n+1), .sls-main-content .small-block-grid-11 > li:nth-of-type(11n+1), .sls-main-content .small-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } @media only screen and (max-width: 20em) { [class*="xsmall-block-grid"] > li:nth-of-type(n) { clear: none; } .sls-main-content .xsmall-block-grid-1 > li { width: 100%; } .sls-main-content .xsmall-block-grid-2 > li { width: 50%; } .sls-main-content .xsmall-block-grid-3 > li { width: 33.33333%; } .sls-main-content .xsmall-block-grid-4 > li { width: 25%; } .sls-main-content .xsmall-block-grid-5 > li { width: 20%; } .sls-main-content .xsmall-block-grid-6 > li { width: 16.66667%; } .sls-main-content .xsmall-block-grid-7 > li { width: 14.28571%; } .sls-main-content .xsmall-block-grid-8 > li { width: 12.5%; } .sls-main-content .xsmall-block-grid-9 > li { width: 11.11111%; } .sls-main-content .xsmall-block-grid-10 > li { width: 10%; } .sls-main-content .xsmall-block-grid-11 > li { width: 9.09091%; } .sls-main-content .xsmall-block-grid-12 > li { width: 8.33333%; } .sls-main-content .xsmall-block-grid-1 > li:nth-of-type(1n+1), .sls-main-content .xsmall-block-grid-2 > li:nth-of-type(2n+1), .sls-main-content .xsmall-block-grid-3 > li:nth-of-type(3n+1), .sls-main-content .xsmall-block-grid-4 > li:nth-of-type(4n+1), .sls-main-content .xsmall-block-grid-5 > li:nth-of-type(5n+1), .sls-main-content .xsmall-block-grid-6 > li:nth-of-type(6n+1), .sls-main-content .xsmall-block-grid-7 > li:nth-of-type(7n+1), .sls-main-content .xsmall-block-grid-8 > li:nth-of-type(8n+1), .sls-main-content .xsmall-block-grid-9 > li:nth-of-type(9n+1), .sls-main-content .xsmall-block-grid-10 > li:nth-of-type(10n+1), .sls-main-content .xsmall-block-grid-11 > li:nth-of-type(11n+1), .sls-main-content .xsmall-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } @media only screen and (min-width: 40.063em) { [class*="medium-block-grid"] > li:nth-of-type(n) { clear: none; } .sls-main-content .medium-block-grid-1 > li { width: 100%; } .sls-main-content .medium-block-grid-2 > li { width: 50%; } .sls-main-content .medium-block-grid-3 > li { width: 33.33333%; } .sls-main-content .medium-block-grid-4 > li { width: 25%; } .sls-main-content .medium-block-grid-5 > li { width: 20%; } .sls-main-content .medium-block-grid-6 > li { width: 16.66667%; } .sls-main-content .medium-block-grid-7 > li { width: 14.28571%; } .sls-main-content .medium-block-grid-8 > li { width: 12.5%; } .sls-main-content .medium-block-grid-9 > li { width: 11.11111%; } .sls-main-content .medium-block-grid-10 > li { width: 10%; } .sls-main-content .medium-block-grid-11 > li { width: 9.09091%; } .sls-main-content .medium-block-grid-12 > li { width: 8.33333%; } .sls-main-content .medium-block-grid-1 > li:nth-of-type(1n+1), .sls-main-content .medium-block-grid-2 > li:nth-of-type(2n+1), .sls-main-content .medium-block-grid-3 > li:nth-of-type(3n+1), .sls-main-content .medium-block-grid-4 > li:nth-of-type(4n+1), .sls-main-content .medium-block-grid-5 > li:nth-of-type(5n+1), .sls-main-content .medium-block-grid-6 > li:nth-of-type(6n+1), .sls-main-content .medium-block-grid-7 > li:nth-of-type(7n+1), .sls-main-content .medium-block-grid-8 > li:nth-of-type(8n+1), .sls-main-content .medium-block-grid-9 > li:nth-of-type(9n+1), .sls-main-content .medium-block-grid-10 > li:nth-of-type(10n+1), .sls-main-content .medium-block-grid-11 > li:nth-of-type(11n+1), .sls-main-content .medium-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } @media only screen and (min-width: 64.063em) { [class*="large-block-grid"] > li:nth-of-type(n) { clear: none; } .sls-main-content .large-block-grid-1 > li { width: 100%; } .sls-main-content .large-block-grid-2 > li { width: 50%; } .sls-main-content .large-block-grid-3 > li { width: 33.33333%; } .sls-main-content .large-block-grid-4 > li { width: 25%; } .sls-main-content .large-block-grid-5 > li { width: 20%; } .sls-main-content .large-block-grid-6 > li { width: 16.66667%; } .sls-main-content .large-block-grid-7 > li { width: 14.28571%; } .sls-main-content .large-block-grid-8 > li { width: 12.5%; } .sls-main-content .large-block-grid-9 > li { width: 11.11111%; } .sls-main-content .large-block-grid-10 > li { width: 10%; } .sls-main-content .large-block-grid-11 > li { width: 9.09091%; } .sls-main-content .large-block-grid-12 > li { width: 8.33333%; } .sls-main-content .large-block-grid-1 > li:nth-of-type(1n+1), .sls-main-content .large-block-grid-2 > li:nth-of-type(2n+1), .sls-main-content .large-block-grid-3 > li:nth-of-type(3n+1), .sls-main-content .large-block-grid-4 > li:nth-of-type(4n+1), .sls-main-content .large-block-grid-5 > li:nth-of-type(5n+1), .sls-main-content .large-block-grid-6 > li:nth-of-type(6n+1), .sls-main-content .large-block-grid-7 > li:nth-of-type(7n+1), .sls-main-content .large-block-grid-8 > li:nth-of-type(8n+1), .sls-main-content .large-block-grid-9 > li:nth-of-type(9n+1), .sls-main-content .large-block-grid-10 > li:nth-of-type(10n+1), .sls-main-content .large-block-grid-11 > li:nth-of-type(11n+1), .sls-main-content .large-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } /*----------------------------------------------------------------------------- `-- (Foundation) $ Forms -----------------------------------------------------------------------------*/ /* Label Styles */ .sls-label , label.space-top{ color: #4d4d4d; cursor: pointer; display: block; font-weight: normal; line-height: 1.5; margin-bottom: 0; } .sls-label.right { float: none; text-align: right; } .sls-label.inline { /** margin: 0 0 1rem 0; padding: 0.625rem 0; **/ /*----*/ margin: 0 0 16px 0; padding: 10px 0; } .sls-label small { text-transform: capitalize; color: #676767; } /*----------------------------------------------------------------------------- `-- (Foundation) $ Grid -----------------------------------------------------------------------------*/ .sls-main-content .sls-row { margin: 0 auto; max-width: 1170px; } .sls-main-content .sls-row.collapse { max-width: 1160px; } .sls-wrapper .sls-row { margin-left: -5px; margin-right: -5px; } .sls-wrapper .sls-row.collapse { margin-left: 0; margin-right: 0; } .sls-main-content .sls-row:before, .sls-main-content .sls-row:after { content: " "; display: table; } .sls-main-content .sls-row:after { clear: both; } .sls-main-content .sls-row.collapse > .sls-column, .sls-main-content .sls-row.collapse > .sls-main-content .columns { padding-left: 0; padding-right: 0; float: left; } .sls-main-content .sls-row.collapse .sls-row { margin-left: 0; margin-right: 0; } .sls-main-content .sls-row .sls-row { width: auto; max-width: none; /** margin-left: -0.9375rem; margin-right: -0.9375rem; margin-top: 0; margin-bottom: 0; *zoom: 1; **/ /*----*/ margin-left: -5px; margin-right: -5px; } .sls-main-content .sls-row .sls-row.collapse { max-width: none; /** margin: 0; *zoom: 1; **/ /*----*/ margin-left: 0; margin-right: 0; } .sls-main-content .sls-column, .sls-main-content .columns { width: 100%; /** padding-left: 0.9375rem; padding-right: 0.9375rem; **/ float: left; /*----*/ padding-left: 5px; padding-right: 5px; /*---- Consolidate from media queries ----*/ position: relative; } .sls-column.end, .sls-main-content .columns.end { /** float: left; **/ /*----*/ float: right; } .sls-main-content .push-0 { left: 0%; right: auto; } .sls-main-content .pull-0 { right: 0%; left: auto; } .sls-main-content .push-1 { left: 8.33333%; right: auto; } .sls-main-content .pull-1 { right: 8.33333%; left: auto; } .sls-main-content .push-2 { left: 16.66667%; right: auto; } .sls-main-content .pull-2 { right: 16.66667%; left: auto; } .sls-main-content .push-3 { left: 25%; right: auto; } .sls-main-content .pull-3 { right: 25%; left: auto; } .sls-main-content .push-4 { left: 33.33333%; right: auto; } .sls-main-content .pull-4 { right: 33.33333%; left: auto; } .sls-main-content .push-5 { left: 41.66667%; right: auto; } .sls-main-content .pull-5 { right: 41.66667%; left: auto; } .sls-main-content .push-6 { left: 50%; right: auto; } .sls-main-content .pull-6 { right: 50%; left: auto; } .sls-main-content .push-7 { left: 58.33333%; right: auto; } .sls-main-content .pull-7 { right: 58.33333%; left: auto; } .sls-main-content .push-8 { left: 66.66667%; right: auto; } .sls-main-content .pull-8 { right: 66.66667%; left: auto; } .sls-main-content .push-9 { left: 75%; right: auto; } .sls-main-content .pull-9 { right: 75%; left: auto; } .sls-main-content .push-10 { left: 83.33333%; right: auto; } .sls-main-content .pull-10 { right: 83.33333%; left: auto; } .sls-main-content .push-11 { left: 91.66667%; right: auto; } .sls-main-content .pull-11 { right: 91.66667%; left: auto; } @media only screen { .sls-column.small-centered, .sls-main-content .columns.small-centered { margin-left: auto; margin-right: auto; float: none; } .sls-column.small-uncentered, .sls-main-content .columns.small-uncentered { margin-left: 0; margin-right: 0; float: left; } .sls-column.small-uncentered.opposite, .sls-main-content .columns.small-uncentered.opposite { float: right; } [class*="small-push-"] { right: auto; } [class*="small-pull-"] { left: auto; } .sls-main-content .small-push-0 { left: 0%; } .sls-main-content .small-pull-0 { right: 0%; } .sls-main-content .small-push-1 { left: 8.33333%; } .sls-main-content .small-pull-1 { right: 8.33333%; } .sls-main-content .small-push-2 { left: 16.66667%; } .sls-main-content .small-pull-2 { right: 16.66667%; } .sls-main-content .small-push-3 { left: 25%; } .sls-main-content .small-pull-3 { right: 25%; } .sls-main-content .small-push-4 { left: 33.33333%; } .sls-main-content .small-pull-4 { right: 33.33333%; } .sls-main-content .small-push-5 { left: 41.66667%; } .sls-main-content .small-pull-5 { right: 41.66667%; } .sls-main-content .small-push-6 { left: 50%; } .sls-main-content .small-pull-6 { right: 50%; } .sls-main-content .small-push-7 { left: 58.33333%; } .sls-main-content .small-pull-7 { right: 58.33333%; } .sls-main-content .small-push-8 { left: 66.66667%; } .sls-main-content .small-pull-8 { right: 66.66667%; } .sls-main-content .small-push-9 { left: 75%; } .sls-main-content .small-pull-9 { right: 75%; } .sls-main-content .small-push-10 { left: 83.33333%; } .sls-main-content .small-pull-10 { right: 83.33333%; } .sls-main-content .small-push-11 { left: 91.66667%; } .sls-main-content .small-pull-11 { right: 91.66667%; } .sls-main-content .small-1 { width: 8.33333%; } .sls-main-content .small-2 { width: 16.66667%; } .sls-main-content .small-3 { width: 25%; } .sls-main-content .small-4 { width: 33.33333%; } .sls-main-content .small-5 { width: 41.66667%; } .sls-main-content .small-6 { width: 50%; } .sls-main-content .small-7 { width: 58.33333%; } .sls-main-content .small-8 { width: 66.66667%; } .sls-main-content .small-9 { width: 75%; } .sls-main-content .small-10 { width: 83.33333%; } .sls-main-content .small-11 { width: 91.66667%; } .sls-main-content .small-12 { width: 100%; } .sls-main-content .small-offset-0 { margin-left: 0%; } .sls-main-content .small-offset-1 { margin-left: 8.33333%; } .sls-main-content .small-offset-2 { margin-left: 16.66667%; } .sls-main-content .small-offset-3 { margin-left: 25%; } .sls-main-content .small-offset-4 { margin-left: 33.33333%; } .sls-main-content .small-offset-5 { margin-left: 41.66667%; } .sls-main-content .small-offset-6 { margin-left: 50%; } .sls-main-content .small-offset-7 { margin-left: 58.33333%; } .sls-main-content .small-offset-8 { margin-left: 66.66667%; } .sls-main-content .small-offset-9 { margin-left: 75%; } .sls-main-content .small-offset-10 { margin-left: 83.33333%; } .sls-main-content .small-offset-11 { margin-left: 91.66667%; } .sls-main-content .small-reset-order, .sls-main-content .small-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } } @media only screen and (max-width: 20em) { .sls-column.xsmall-centered, .sls-main-content .columns.xsmall-centered { margin-left: auto; margin-right: auto; float: none; } .sls-column.xsmall-uncentered, .sls-main-content .columns.xsmall-uncentered { margin-left: 0; margin-right: 0; float: left; } .sls-column.xsmall-uncentered.opposite, .sls-main-content .columns.xsmall-uncentered.opposite { float: right; } [class*="xsmall-push-"] { right: auto; } [class*="xsmall-pull-"] { left: auto; } .sls-main-content .xsmall-push-0 { left: 0%; } .sls-main-content .xsmall-pull-0 { right: 0%; } .sls-main-content .xsmall-push-1 { left: 8.33333%; } .sls-main-content .xsmall-pull-1 { right: 8.33333%; } .sls-main-content .xsmall-push-2 { left: 16.66667%; } .sls-main-content .xsmall-pull-2 { right: 16.66667%; } .sls-main-content .xsmall-push-3 { left: 25%; } .sls-main-content .xsmall-pull-3 { right: 25%; } .sls-main-content .xsmall-push-4 { left: 33.33333%; } .sls-main-content .xsmall-pull-4 { right: 33.33333%; } .sls-main-content .xsmall-push-5 { left: 41.66667%; } .sls-main-content .xsmall-pull-5 { right: 41.66667%; } .sls-main-content .xsmall-push-6 { left: 50%; } .sls-main-content .xsmall-pull-6 { right: 50%; } .sls-main-content .xsmall-push-7 { left: 58.33333%; } .sls-main-content .xsmall-pull-7 { right: 58.33333%; } .sls-main-content .xsmall-push-8 { left: 66.66667%; } .sls-main-content .xsmall-pull-8 { right: 66.66667%; } .sls-main-content .xsmall-push-9 { left: 75%; } .sls-main-content .xsmall-pull-9 { right: 75%; } .sls-main-content .xsmall-push-10 { left: 83.33333%; } .sls-main-content .xsmall-pull-10 { right: 83.33333%; } .sls-main-content .xsmall-push-11 { left: 91.66667%; } .sls-main-content .xsmall-pull-11 { right: 91.66667%; } .sls-main-content .xsmall-1 { width: 8.33333%; } .sls-main-content .xsmall-2 { width: 16.66667%; } .sls-main-content .xsmall-3 { width: 25%; } .sls-main-content .xsmall-4 { width: 33.33333%; } .sls-main-content .xsmall-5 { width: 41.66667%; } .sls-main-content .xsmall-6 { width: 50%; } .sls-main-content .xsmall-7 { width: 58.33333%; } .sls-main-content .xsmall-8 { width: 66.66667%; } .sls-main-content .xsmall-9 { width: 75%; } .sls-main-content .xsmall-10 { width: 83.33333%; } .sls-main-content .xsmall-11 { width: 91.66667%; } .sls-main-content .xsmall-12 { width: 100%; } .sls-main-content .xsmall-offset-0 { margin-left: 0%; } .sls-main-content .xsmall-offset-1 { margin-left: 8.33333%; } .sls-main-content .xsmall-offset-2 { margin-left: 16.66667%; } .sls-main-content .xsmall-offset-3 { margin-left: 25%; } .sls-main-content .xsmall-offset-4 { margin-left: 33.33333%; } .sls-main-content .xsmall-offset-5 { margin-left: 41.66667%; } .sls-main-content .xsmall-offset-6 { margin-left: 50%; } .sls-main-content .xsmall-offset-7 { margin-left: 58.33333%; } .sls-main-content .xsmall-offset-8 { margin-left: 66.66667%; } .sls-main-content .xsmall-offset-9 { margin-left: 75%; } .sls-main-content .xsmall-offset-10 { margin-left: 83.33333%; } .sls-main-content .xsmall-offset-11 { margin-left: 91.66667%; } .sls-main-content .xsmall-reset-order, .sls-main-content .xsmall-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } } @media only screen and (min-width: 40.063em) { .sls-column.medium-centered, .sls-main-content .columns.medium-centered { margin-left: auto; margin-right: auto; float: none; } .sls-column.medium-uncentered, .sls-main-content .columns.medium-uncentered { margin-left: 0; margin-right: 0; float: left; } .sls-column.medium-uncentered.opposite, .sls-main-content .columns.medium-uncentered.opposite { float: right; } [class*="medium-push-"] { right: auto; } [class*="medium-pull-"] { left: auto; } .sls-main-content .medium-push-0 { left: 0%; } .sls-main-content .medium-pull-0 { right: 0%; } .sls-main-content .medium-push-1 { left: 8.33333%; } .sls-main-content .medium-pull-1 { right: 8.33333%; } .sls-main-content .medium-push-2 { left: 16.66667%; } .sls-main-content .medium-pull-2 { right: 16.66667%; } .sls-main-content .medium-push-3 { left: 25%; } .sls-main-content .medium-pull-3 { right: 25%; } .sls-main-content .medium-push-4 { left: 33.33333%; } .sls-main-content .medium-pull-4 { right: 33.33333%; } .sls-main-content .medium-push-5 { left: 41.66667%; } .sls-main-content .medium-pull-5 { right: 41.66667%; } .sls-main-content .medium-push-6 { left: 50%; } .sls-main-content .medium-pull-6 { right: 50%; } .sls-main-content .medium-push-7 { left: 58.33333%; } .sls-main-content .medium-pull-7 { right: 58.33333%; } .sls-main-content .medium-push-8 { left: 66.66667%; } .sls-main-content .medium-pull-8 { right: 66.66667%; } .sls-main-content .medium-push-9 { left: 75%; } .sls-main-content .medium-pull-9 { right: 75%; } .sls-main-content .medium-push-10 { left: 83.33333%; } .sls-main-content .medium-pull-10 { right: 83.33333%; } .sls-main-content .medium-push-11 { left: 91.66667%; } .sls-main-content .medium-pull-11 { right: 91.66667%; } .sls-main-content .medium-1 { width: 8.33333%; } .sls-main-content .medium-2 { width: 16.66667%; } .sls-main-content .medium-3 { width: 25%; } .sls-main-content .medium-4 { width: 33.33333%; } .sls-main-content .medium-5 { width: 41.66667%; } .sls-main-content .medium-6 { width: 50%; } .sls-main-content .medium-7 { width: 58.33333%; } .sls-main-content .medium-8 { width: 66.66667%; } .sls-main-content .medium-9 { width: 75%; } .sls-main-content .medium-10 { width: 83.33333%; } .sls-main-content .medium-11 { width: 91.66667%; } .sls-main-content .medium-12 { width: 100%; } .sls-main-content .medium-offset-0 { margin-left: 0%; } .sls-main-content .medium-offset-1 { margin-left: 8.33333%; } .sls-main-content .medium-offset-2 { margin-left: 16.66667%; } .sls-main-content .medium-offset-3 { margin-left: 25%; } .sls-main-content .medium-offset-4 { margin-left: 33.33333%; } .sls-main-content .medium-offset-5 { margin-left: 41.66667%; } .sls-main-content .medium-offset-6 { margin-left: 50%; } .sls-main-content .medium-offset-7 { margin-left: 58.33333%; } .sls-main-content .medium-offset-8 { margin-left: 66.66667%; } .sls-main-content .medium-offset-9 { margin-left: 75%; } .sls-main-content .medium-offset-10 { margin-left: 83.33333%; } .sls-main-content .medium-offset-11 { margin-left: 91.66667%; } .sls-main-content .medium-reset-order, .sls-main-content .medium-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } } @media only screen and (min-width: 64.063em) { .sls-column.large-centered, .sls-main-content .columns.large-centered { margin-left: auto; margin-right: auto; float: none; } .sls-column.large-uncentered, .sls-main-content columns.large-uncentered { margin-left: 0; margin-right: 0; float: left; } .sls-column.large-uncentered.opposite, .sls-main-content .columns.large-uncentered.opposite { float: right; } [class*="large-push-"] { right: auto; } [class*="large-pull-"] { left: auto; } .sls-main-content .large-push-0 { left: 0%; } .sls-main-content .large-pull-0 { right: 0%; } .sls-main-content .large-push-1 { left: 8.33333%; } .sls-main-content .large-pull-1 { right: 8.33333%; } .sls-main-content .large-push-2 { left: 16.66667%; } .sls-main-content .large-pull-2 { right: 16.66667%; } .sls-main-content .large-push-3 { left: 25%; } .sls-main-content .large-pull-3 { right: 25%; } .sls-main-content .large-push-4 { left: 33.33333%; } .sls-main-content .large-pull-4 { right: 33.33333%; } .sls-main-content .large-push-5 { left: 41.66667%; } .sls-main-content .large-pull-5 { right: 41.66667%; } .sls-main-content .large-push-6 { left: 50%; } .sls-main-content .large-pull-6 { right: 50%; } .sls-main-content .large-push-7 { left: 58.33333%; } .sls-main-content .large-pull-7 { right: 58.33333%; } .sls-main-content .large-push-8 { left: 66.66667%; } .sls-main-content .large-pull-8 { right: 66.66667%; } .sls-main-content .large-push-9 { left: 75%; } .sls-main-content .large-pull-9 { right: 75%; } .sls-main-content .large-push-10 { left: 83.33333%; } .sls-main-content .large-pull-10 { right: 83.33333%; } .sls-main-content .large-push-11 { left: 91.66667%; } .sls-main-content .large-pull-11 { right: 91.66667%; } .sls-main-content .large-1 { width: 8.33333%; } .sls-main-content .large-2 { width: 16.66667%; } .sls-main-content .large-3 { width: 25%; } .sls-main-content .large-4 { width: 33.33333%; } .sls-main-content .large-5 { width: 41.66667%; } .sls-main-content .large-6 { width: 50%; } .sls-main-content .large-7 { width: 58.33333%; } .sls-main-content .large-8 { width: 66.66667%; } .sls-main-content .large-9 { width: 75%; } .sls-main-content .large-10 { width: 83.33333%; } .sls-main-content .large-11 { width: 91.66667%; } .sls-main-content .large-12 { width: 100%; } .sls-main-content .large-offset-0 { margin-left: 0%; } .sls-main-content .large-offset-1 { margin-left: 8.33333%; } .sls-main-content .large-offset-2 { margin-left: 16.66667%; } .sls-main-content .large-offset-3 { margin-left: 25%; } .sls-main-content .large-offset-4 { margin-left: 33.33333%; } .sls-main-content .large-offset-5 { margin-left: 41.66667%; } .sls-main-content .large-offset-6 { margin-left: 50%; } .sls-main-content .large-offset-7 { margin-left: 58.33333%; } .sls-main-content .large-offset-8 { margin-left: 66.66667%; } .sls-main-content .large-offset-9 { margin-left: 75%; } .sls-main-content .large-offset-10 { margin-left: 83.33333%; } .sls-main-content .large-offset-11 { margin-left: 91.66667%; } .sls-main-content .large-reset-order, .sls-main-content .large-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } } @media only screen and (min-width: 90.063em) { .sls-column.xlarge-centered, .sls-main-content .columns.xlarge-centered { margin-left: auto; margin-right: auto; float: none; } .sls-column.xlarge-uncentered, .sls-main-content .columns.xlarge-uncentered { margin-left: 0; margin-right: 0; float: left; } .sls-column.xlarge-uncentered.opposite, .sls-main-content .columns.xlarge-uncentered.opposite { float: right; } .sls-main-content .xlarge-push-0 { left: 0%; right: auto; } .sls-main-content .xlarge-pull-0 { right: 0%; left: auto; } .sls-main-content .xlarge-push-1 { left: 8.33333%; right: auto; } .sls-main-content .xlarge-pull-1 { right: 8.33333%; left: auto; } .sls-main-content .xlarge-push-2 { left: 16.66667%; right: auto; } .sls-main-content .xlarge-pull-2 { right: 16.66667%; left: auto; } .sls-main-content .xlarge-push-3 { left: 25%; right: auto; } .sls-main-content .xlarge-pull-3 { right: 25%; left: auto; } .sls-main-content .xlarge-push-4 { left: 33.33333%; right: auto; } .sls-main-content .xlarge-pull-4 { right: 33.33333%; left: auto; } .sls-main-content .xlarge-push-5 { left: 41.66667%; right: auto; } .sls-main-content .xlarge-pull-5 { right: 41.66667%; left: auto; } .sls-main-content .xlarge-push-6 { left: 50%; right: auto; } .sls-main-content .xlarge-pull-6 { right: 50%; left: auto; } .sls-main-content .xlarge-push-7 { left: 58.33333%; right: auto; } .sls-main-content .xlarge-pull-7 { right: 58.33333%; left: auto; } .sls-main-content .xlarge-push-8 { left: 66.66667%; right: auto; } .sls-main-content .xlarge-pull-8 { right: 66.66667%; left: auto; } .sls-main-content .xlarge-push-9 { left: 75%; right: auto; } .sls-main-content .xlarge-pull-9 { right: 75%; left: auto; } .sls-main-content .xlarge-push-10 { left: 83.33333%; right: auto; } .sls-main-content .xlarge-pull-10 { right: 83.33333%; left: auto; } .sls-main-content .xlarge-push-11 { left: 91.66667%; right: auto; } .sls-main-content .xlarge-pull-11 { right: 91.66667%; left: auto; } .sls-main-content .xlarge-1 { width: 8.33333%; } .sls-main-content .xlarge-2 { width: 16.66667%; } .sls-main-content .xlarge-3 { width: 25%; } .sls-main-content .xlarge-4 { width: 33.33333%; } .sls-main-content .xlarge-5 { width: 41.66667%; } .sls-main-content .xlarge-6 { width: 50%; } .sls-main-content .xlarge-7 { width: 58.33333%; } .sls-main-content .xlarge-8 { width: 66.66667%; } .sls-main-content .xlarge-9 { width: 75%; } .sls-main-content .xlarge-10 { width: 83.33333%; } .sls-main-content .xlarge-11 { width: 91.66667%; } .sls-main-content .xlarge-12 { width: 100%; } .sls-main-content .xlarge-offset-0 { margin-left: 0%; } .sls-main-content .xlarge-offset-1 { margin-left: 8.33333%; } .sls-main-content .xlarge-offset-2 { margin-left: 16.66667%; } .sls-main-content .xlarge-offset-3 { margin-left: 25%; } .sls-main-content .xlarge-offset-4 { margin-left: 33.33333%; } .sls-main-content .xlarge-offset-5 { margin-left: 41.66667%; } .sls-main-content .xlarge-offset-6 { margin-left: 50%; } .sls-main-content .xlarge-offset-7 { margin-left: 58.33333%; } .sls-main-content .xlarge-offset-8 { margin-left: 66.66667%; } .sls-main-content .xlarge-offset-9 { margin-left: 75%; } .sls-main-content .xlarge-offset-10 { margin-left: 83.33333%; } .sls-main-content .xlarge-offset-11 { margin-left: 91.66667%; } .sls-main-content .xlarge-reset-order, .sls-main-content .xlarge-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } } /*----------------------------------------------------------------------------- `-- (Foundation) $ Visibility -----------------------------------------------------------------------------*/ /* * The classes used are the same as Foundation, but the way they are * implemented is slightly different. * * To remove most of the bloat, what I've done is hide the element when * necessary, and NEVER have a specific rule to show them again. That way, * we never have to consider if the element requires a different `display` * value apart from `block`, e.g. cells, which need `table-cell` * instead. Same goes for
  • , , and so on. That is where * most of the bloat in Foundation's visibility classes are generated, and * I assume it is done that way due to SASS limitations. */ /** SMALL visibility classes **/ @media only screen and (max-width: 20em) { .sls-main-content .show-for-small, .sls-main-content .show-for-small-up, .sls-main-content .show-for-small-only { display: none !important; } } @media only screen and (min-width: 20.063em) { .sls-main-content .hide-for-small, .sls-main-content .hide-for-small-up { display: none !important; } } @media only screen and (min-width: 20.063em) and (max-width: 40em) { .sls-main-content .hide-for-small-only { display: none !important; } } @media only screen and (max-width: 40em) { .sls-main-content .hide-for-small-down, .sls-main-content .show-for-medium, .sls-main-content .show-for-medium-up, .sls-main-content .show-for-medium-only { display: none !important; } } @media only screen and (min-width: 40.063em) { .sls-main-content .show-for-small-down, .sls-main-content .show-for-small-only, .sls-main-content .hide-for-medium, .sls-main-content .hide-for-medium-up { display: none !important; } } /** MEDIUM visibility classes **/ @media only screen and (min-width: 40.063em) and (max-width: 64em) { .sls-main-content .hide-for-medium-only { display: none !important; } } @media only screen and (max-width: 64em) { .sls-main-content .hide-for-medium-down, .sls-main-content .show-for-large, .sls-main-content .show-for-large-up, .sls-main-content .show-for-large-only { display: none !important; } } @media only screen and (min-width: 64.063em) { .sls-main-content .show-for-medium-down, .sls-main-content .show-for-medium-only, .sls-main-content .hide-for-large, .sls-main-content .hide-for-large-up { display: none !important; } } /** LARGE visibility classes **/ @media only screen and (min-width: 64.063em) and (max-width: 90em) { .sls-main-content .hide-for-large-only { display: none !important; } } @media only screen and (max-width: 90em) { .sls-main-content .hide-for-large-down, .sls-main-content .show-for-xlarge, .sls-main-content .show-for-xlarge-up, .sls-main-content .show-for-xlarge-only { display: none !important; } } @media only screen and (min-width: 90.063em) { .sls-main-content .show-for-large-down, .sls-main-content .show-for-large-only, .sls-main-content .hide-for-xlarge, .sls-main-content .hide-for-xlarge-up, .sls-main-content .hide-for-xlarge-only { display: none !important; } } /** XLARGE visibility classes **/ @media only screen and (max-width: 120em) { .sls-main-content .hide-for-xlarge-down { display: none !important; } } @media only screen and (min-width: 120.063em) { .sls-main-content .show-for-xlarge-down, .sls-main-content .show-for-xlarge-only { display: none !important; } } /* Orientation visibility classes */ @media only screen and (orientation: landscape) { .sls-main-content .show-for-portrait, .sls-main-content .hide-for-landscape { display: none !important; } } @media only screen and (orientation: portrait) { .sls-main-content .show-for-landscape, .sls-main-content .hide-for-portrait { display: none !important; } } /* Touch devices visibility classes */ .sls-main-content .no-touch .show-for-touch, .sls-main-content .touch .hide-for-touch { display: none !important; } /*----------------------------------------------------------------------------- `-- (Foundation) $ Extend /*----------------------------------------------------------------------------- Some additional classes in the style of the Foundation framework. -----------------------------------------------------------------------------*/ @media only screen and (min-width: 20.063em) { .sls-main-content .small-clear-left, .sls-main-content .small-up-clear-left { clear: left; } .sls-main-content .small-clear-right, .sls-main-content .small-up-clear-right { clear: right; } .sls-main-content .small-clear-both, .sls-main-content .small-up-clear-both { clear: both; } } @media only screen and (max-width: 40em) { .sls-main-content .small-only-clear-left { clear: left; } .sls-main-content .small-only-clear-right { clear: right; } .sls-main-content .small-only-clear-both { clear: both; } } @media only screen and (min-width: 20.063em) and (max-width: 64em) { .sls_standard_layout .sls_small-to-medium-clear-left { clear: left; } .sls_standard_layout .small-to-medium-clear-right { clear: right; } .sls_standard_layout .small-to-medium-clear-both { clear: both; } } @media only screen and (min-width: 40.063em) and (max-width: 64em) { .sls_metro_layout .sls_small-to-medium-clear-left { clear: left; } .sls_metro_layout .small-to-medium-clear-right { clear: right; } .sls_metro_layout .small-to-medium-clear-both { clear: both; } } @media only screen and (min-width: 40.063em) { .sls-main-content .medium-clear-left, .sls-main-content .medium-up-clear-left { clear: left; } .sls-main-content .medium-clear-right, .sls-main-content .medium-up-clear-right { clear: right; } .sls-main-content .medium-clear-both, .sls-main-content .medium-up-clear-both { clear: both; } } @media only screen and (min-width: 40.063em) and (max-width: 64em) { .sls-main-content .medium-only-clear-left { clear: left; } .sls-main-content .medium-only-clear-right { clear: right; } .sls-main-content .medium-only-clear-both { clear: both; } } @media only screen and (min-width: 40.063em) and (max-width: 90em) { .sls-main-content .medium-to-large-clear-left { clear: left; } .sls-main-content .medium-to-large-clear-right { clear: right; } .sls-main-content .medium-to-large-clear-both { clear: both; } } @media only screen and (min-width: 64.063em) { .sls-main-content .large-clear-left, .sls-main-content .large-up-clear-left { clear: left; } .sls-main-content .large-clear-right, .sls-main-content .large-up-clear-right { clear: right; } .sls-main-content .large-clear-both, .sls-main-content .large-up-clear-both { clear: both; } } @media only screen and (min-width: 64.063em) and (max-width: 90em) { .sls-main-content .large-only-clear-left { clear: left; } .sls-main-content .large-only-clear-right { clear: right; } .sls-main-content .large-only-clear-both { clear: both; } } @media only screen and (min-width: 90.063em) { .sls-main-content .xlarge-clear-left, .sls-main-content .xlarge-up-clear-left { clear: left; } .sls-main-content .xlarge-clear-right, .sls-main-content .xlarge-up-clear-right { clear: right; } .sls-main-content .xlarge-clear-both, .sls-main-content .xlarge-up-clear-both { clear: both; } } /*----------------------------------------------------------------------------- `-- (Assets) $ Buttons -----------------------------------------------------------------------------*/ .sls-main-content .sls-button { padding: 0.6em 0.4em; border: 0; border-radius: 5px; outline: 0; display: inline-block; box-shadow: inset 0 -3px 0 rgba(0,0,0,0.2); background: center center no-repeat #038cd6; color: white; font-family: 'Roboto Condensed', 'Roboto', 'Helvetica Neue Condensed', 'Helvetica Condensed', 'Helvetica Neue', Helvetica, 'Arial Condensed', Arial, sans-serif; font-size: 20px; text-align: center; text-decoration: none; text-transform: uppercase; } .sls-main-content .align-to-button { padding: 0.7em 0; line-height: 32px; display: inline-block; } .sls-main-content .sls-button:hover { background-color: #0073b1; color: #fff; } .sls-main-content .sls-button.flat { box-shadow: none; } .sls-main-content .sls-button[disabled], .sls-main-content .sls-button.disabled { box-shadow: inset 0 -3px 0 rgba(0,0,0,0.1); background-color: #ededed; color: #ccc; cursor: default; } .sls-main-content .sls-button.grey { background-color: #c6c6c6; color: #fff; } .sls-main-content .sls-button.grey:hover { background-color: #aaa; } .sls-main-content .sls-button.light-grey, .sls-main-content .sls-button.is-loading { background-color: #efefef; color: #00466d; } .sls-main-content .sls-button.light-grey:hover { background-color: #ddd; } .sls-main-content .sls-button.expand, .sls-main-content .sls-button.expand { margin-left: auto; margin-right: auto; display: block; box-shadow:none !important; } .sls-main-content .sls-button.expand, input.sls-button.expand { width: 100%; } .sls-main-content .sls-button.padded { padding-left: 1.5em; padding-right: 1.5em; } .sls-main-content .sls-button.small { font-size: 16px; } .sls-main-content .align-to-button.small { line-height: 22px; } .sls-main-content .sls-button.xlarge { padding-top: 0.5em; padding-bottom: 0.5em; font-size: 26px; } .sls-main-content .align-to-button.xlarge { padding: 0; line-height: 60px; } @media only screen and (max-width: 64em) { .sls-main-content .sls-button.xlarge { font-size: 24px; } .sls-main-content .align-to-button.xlarge { line-height: 57px; } } @media only screen and (max-width: 40em) { .sls-main-content .sls-button.xlarge { font-size: 22px; } .sls-main-content .align-to-button.xlarge { line-height: 52px; } } /*----------------------------------------------------------------------------- `-- (Assets) $ Forms -----------------------------------------------------------------------------*/ /*---- Form labels ----*/ .sls-main-content label input:checked ~ .label__text { font-weight: bold; } .sls-main-content .inline-label-holder { text-align: center; } .sls-main-content .inline-label-holder .inline-label { margin: 0 15px; display: inline-block; vertical-align: top; } @media only screen and (max-width: 40em) { .sls-main-content .inline-label-holder .inline-label { display: block; margin: 0 0 10px; } } /*---- Form icons ----*/ .sls-main-content .icon--input, .sls-main-content .icon--success-tick { background: url(../images/sprites/sprite-icons.png) no-repeat; } .sls-main-content .icon.icon--radio-btn { width: 21px; height: 21px; border-radius: 50%; border: 1px solid transparent; top: -2px; } .sls-main-content .icon--radio-btn.is-checked { background-position: -25px top; } .sls-main-content .icon.icon--checkbox, .sls-main-content .icon.icon--success-tick { width: 24px; height: 24px; border: 1px solid #ccc; border-radius: 50%; background-color: #f6f6f6; background-position: 25px 25px; -webkit-transition: border-color 0.15s ease-in-out, background-color 0.15s ease-in-out; -moz-transition: border-color 0.15s ease-in-out, background-color 0.15s ease-in-out; transition: border-color 0.15s ease-in-out, background-color 0.15s ease-in-out; } .sls-main-content .icon--checkbox.is-checked, .sls-main-content .icon.icon--success-tick { border-color: transparent; background-color: #00466d; background-position: -50px top; } .sls-main-content .icon.icon--success-tick { background-color: #5cb21d; } .sls-main-content .label--align-middle .label__input-icon, .sls-main-content .label--align-middle .label__contents, .sls-main-content .label--vertical-align .label__input-icon, .sls-main-content .label--vertical-align .label__contents { display: table-cell; } .sls-main-content .label--align-middle .label__input-icon, .sls-main-content .label--align-middle .label__contents { vertical-align: middle; } @media only screen and (max-width: 40em) { .sls-main-content .field.deep-text { padding-left: 0.8em; padding-right: 0.8em; } .sls-main-content .field.deep-text + .field-holder__label { left: 0.8em; } } /*---- Validify ----*/ .sls-main-content .field.is-success, .sls-main-content .dropdown > select.is-success + .dropdown-btn { border-color: #5cb21d; color: #3f7715; } .sls-main-content .validify-responses.is-success { color: #3f7715; } .sls-main-content .field.is-success:focus { box-shadow: inset 0 2px 1px rgba(0,0,0,0.1), inset 0 0 0 1px rgba(92,178,29,0.5); } .sls-main-content .dropdown > select.is-success:focus + .dropdown-btn { box-shadow: inset 0 0 0 1px rgba(92,178,29,0.5); } .sls-main-content .field.is-failed, .sls-main-content .dropdown > select.is-failed + .dropdown-btn, .sls-main-content input[type="checkbox"].is-failed + .icon--checkbox, .sls-main-content input[type="radio"].is-failed + .icon--radio-btn { border-color: #c00; color: #c00; } .sls-main-content .validify-responses.is-failed { color: #c00; } .sls-main-content .field.is-failed:focus { box-shadow: inset 0 2px 1px rgba(0,0,0,0.1), inset 0 0 0 1px rgba(204,0,0,0.5); } .sls-main-content .dropdown > select.is-failed:focus + .dropdown-btn { box-shadow: inset 0 0 0 1px rgba(204,0,0,0.5); } .sls-main-content .dropdown > select.is-success:focus + .dropdown-btn .dropdown-arrow, .sls-main-content .dropdown > select.is-failed:focus + .dropdown-btn .dropdown-arrow { width: 49px; top: 2px; right: 2px; bottom: 2px; } .sls-main-content .validify-response, .sls-main-content .validify-responses.is-success > .validify-response--focused, .sls-main-content .validify-responses[class*="is-failed"] > .validify-response--focused, .sls-main-content .validify-responses[class*="is-failed-"] > .validify-response--failed, .sls-main-content .validify-floater__message, .sls-main-content .validify-floater[class*="is-failed-"] > .validify-floater__message--failed { display: none; } .sls-main-content .validify-responses.is-success .validify-response--success, .sls-main-content .validify-responses.is-focused .validify-response--focused, .sls-main-content .validify-responses.is-failed .validify-response--failed, .sls-main-content .validify-responses.is-failed-pattern .validify-response--failed-pattern, .sls-main-content .validify-responses.is-failed-required .validify-response--failed-required, .sls-main-content .validify-responses.is-failed-minlength .validify-response--failed-minlength, .sls-main-content .validify-responses.is-failed-minchecked .validify-response--failed-minchecked, .sls-main-content .validify-responses.is-failed-compare-with .validify-response--failed-compare-with, .sls-main-content .validify-responses.is-failed-custom .validify-response--failed-custom, .sls-main-content .validify-floater.is-success .validify-floater__message--success, .sls-main-content .validify-floater.is-focused .validify-floater__message--focused, .sls-main-content .validify-floater.is-failed .validify-floater__message--failed, .sls-main-content .validify-floater.is-failed-pattern .validify-floater__message--failed-pattern, .sls-main-content .validify-floater.is-failed-required .validify-floater__message--failed-required, .sls-main-content .validify-floater.is-failed-minlength .validify-floater__message--failed-minlength, .sls-main-content .validify-floater.is-failed-minchecked .validify-floater__message--failed-minchecked, .sls-main-content .validify-floater.is-failed-compare-with .validify-floater__message--failed-compare-with, .sls-main-content .validify-floater.is-failed-custom .validify-floater__message--failed-custom { display: inherit; } .sls-main-content .validify-floater { min-width: 250px; padding: 7px 15px; position: absolute; top: -500px; left: -500px; z-index: 5; background-color: #fff; font-size: 12px; text-align: center; margin-top: -12px; opacity: 0; -webkit-transition: opacity 0.15s ease-in-out, margin-top 0.15s ease-in-out; -moz-transition: opacity 0.15s ease-in-out, margin-top 0.15s ease-in-out; transition: opacity 0.15s ease-in-out, margin-top 0.15s ease-in-out; } .sls-main-content .validify-floater.is-shown { margin-top: -2px; opacity: 1; } .sls-main-content .validify-floater[class*="is-failed"] { background-color: #c00; color: #fff; } @media only screen and (max-width: 40em) { .sls-main-content .validify-floater { min-width: 0; } } .sls-main-content .xml-form-asset { overflow: auto; width: 90%; max-width: 1000px; padding: 30px 25px; margin: 0 auto; background-color: #fff; text-align: left; } .sls-main-content .xml-form-asset.is-hidden, .sls-main-content .xml-form-thanks { display: none; } .sls-main-content .xml-form-asset.is-shown { display: block; } .sls-main-content .xml-form-asset .form-obj { width: 32%; padding: 0 35px 0 7px; display: inline-block; position: relative; vertical-align: top; margin-bottom: 30px; text-align: left; } .sls-main-content .xml-form-asset .form-obj--with-tooltip { padding-right: 70px; } .sls-main-content .xml-form-asset .form-obj textarea { height: 95px; } .sls-main-content .form-obj__label { margin-bottom: 15px; font-size: 18px; font-weight: 500; color: #666; } .sls-main-content .form-obj__label .validify-responses { font-size: 14px; } .sls-main-content .form-obj__label .validify-responses .icon { top: -2px; } .sls-main-content .form-obj label + label { margin-top: 15px; } .sls-main-content .form-obj .form-obj__icon { position: absolute; top: 13px; right: 5px; } .sls-main-content .form-obj__icon.validify-responses + .form-obj__icon { right: 36px; } .sls-main-content .xml-form-asset .form-obj:nth-child(3n+1) { clear: left; } @media only screen and (max-width: 64em) { .sls-main-content .xml-form-asset .form-obj { width: 49.5%; } } @media only screen and (max-width: 40em) { .sls-main-content .xml-form-asset { padding: 15px; } .sls-main-content .xml-form-asset .form-obj { width: auto; padding: 0; display: block; } .sls-main-content .xml-form-asset .form-obj--with-tooltip { padding-right: 35px; } .sls-main-content .form-obj__icon.validify-responses { display: none; } .sls-main-content .form-obj__icon.validify-responses + .form-obj__icon { right: 5px; } } /*----------------------------------------------------------------------------- `-- (Assets) $ Filters -----------------------------------------------------------------------------*/ /*.filter { }*/ .filter__row { padding: 15px; border: 0px solid #e2e2e2; border-top-width: 1px; overflow: hidden; } .filter-compare-row__contents { border-width: 0 0 1px; } .filter-popup { -webkit-overflow-scrolling: touch; /* Kinetic scroll for iOS */ } .filter-popup.filter-popup { border-top: 1px solid #e2e2e2; } .filter-popup:first-of-type { border-top-width: 0; } .filter__row:first-child, .filter__row--cta { border-top: 0; } .filter__row--cta { padding-top: 0; } .filter__items-counter { float: left; } .filter__options-clearer { float: right; line-height: 2.6; } .filter__products-comparison { float: left; } .filter__product-visual.is-filled { background: none; } .filter__product-visual img { max-width: 100%; max-height: 100%; text-align: center; vertical-align: bottom; } .filter__products-comparer { padding-top: 0.8em; padding-bottom: 0.8em; float: right; } .filter__toggler { display: block; font-size: 18px; } .filter__toggler-contents label { margin-bottom: 10px; } .filter__toggler-contents [class*="block-grid-"] { margin-left: 0; margin-right: 0; } .filter__toggler-contents li { padding: 0; } .filter-button.filter-button { padding: 20px 15px; border: 0px solid #eee; /* margin: 15px 0 0; */ width: 100%; outline: 0; position: relative; background-color: #fff; color: #023e5f; font-size: 16px; } .filter-button:hover { background-color: #eee; } .store-locator__filter-toggler:after, .filter-button:after { content: ''; width: 21px; height: 21px; margin-top: -12px; position: absolute; top: 50%; right: 15px; background: url(../images/sprites/sprite-icons-blue-outline-medium.png) -250px top no-repeat; background-size: 350px 50px; } @media only screen and (max-width: 64em) { .filter-compare-row { width: 100%; height: 0; padding: 0; border-width: 0; position: fixed; top: 107px; left: 0; z-index: 2; background-color: #fff; -webkit-transition: top 0.25s ease-out, height 0.25s ease-out; -moz-transition: top 0.25s ease-out, height 0.25s ease-out; -o-transition: top 0.25s ease-out, height 0.25s ease-out; transition: top 0.25s ease-out, height 0.25s ease-out; } .filter-compare-row__contents { padding: 15px; border: 0px solid #e2e2e2; border-bottom-width: 1px; overflow: hidden; } .main-header-is-partially-hidden .filter-compare-row { top: 70px; } .main-header-is-hidden.main-header-is-hidden .filter-compare-row { top: 0; } .filter-popup--medium-down { width: 1px; height: 1px; overflow: auto; position: fixed; top: -1px; right: 0; bottom: 0; left: -1px; z-index: 5; opacity: 0; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); transform: scale(1.2); -webkit-transition: -webkit-transform 0.25s ease-in-out, opacity 0.25s ease-in-out, top 0s 0.25s, left 0s 0.25s, width 0s 0.25s, height 0s 0.25s; -moz-transition: -moz-transform 0.25s ease-in-out, opacity 0.25s ease-in-out, top 0s 0.25s, left 0s 0.25s, width 0s 0.25s, height 0s 0.25s; transition: transform 0.25s ease-in-out, opacity 0.25s ease-in-out, top 0s 0.25s, left 0s 0.25s, width 0s 0.25s, height 0s 0.25s; } .filter-popup--medium-down div.filter__toggler { cursor: default; } .filter-popup--medium-down .filter__toggler:after { display: none; } .filter-popup--medium-down .filter__toggler-contents.filter__toggler-contents { height: auto; } .filter-popup--medium-down .filter__toggler-contents .sub-nav-toggler { cursor: default; } .filter-popup--medium-down .filter__toggler-contents .sub-nav-toggler:after { display: none; } .filter-popup--medium-down .filter__toggler-contents .sub-nav-toggler + .togglerify-slider { height: auto; } } @media only screen and (max-width: 43.75em) { .filter-compare-row, .main-header-is-partially-hidden .filter-compare-row { top: 70px; } } @media only screen and (max-width: 40em) { .filter-compare-row, .main-header-is-partially-hidden .filter-compare-row { top: 53px; } .filter-popup--small-down { width: 1px; height: 1px; overflow: auto; position: fixed; top: -1px; right: 0; bottom: 0; left: -1px; z-index: 5; opacity: 0; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); transform: scale(1.2); -webkit-transition: -webkit-transform 0.25s ease-in-out, opacity 0.25s ease-in-out, top 0s 0.25s, left 0s 0.25s, width 0s 0.25s, height 0s 0.25s; -moz-transition: -moz-transform 0.25s ease-in-out, opacity 0.25s ease-in-out, top 0s 0.25s, left 0s 0.25s, width 0s 0.25s, height 0s 0.25s; transition: transform 0.25s ease-in-out, opacity 0.25s ease-in-out, top 0s 0.25s, left 0s 0.25s, width 0s 0.25s, height 0s 0.25s; } .filter-popup--small-down div.filter__toggler { cursor: default; } .filter-popup--small-down .filter__toggler:after { display: none; } .filter-popup--small-down .filter__toggler-contents.filter__toggler-contents { height: auto; } .filter-popup--small-down .filter__toggler-contents .sub-nav-toggler { cursor: default; } .filter-popup--small-down .filter__toggler-contents .sub-nav-toggler:after { display: none; } .filter-popup--small-down .filter__toggler-contents .sub-nav-toggler + .togglerify-slider { height: auto; } } .filter-popup-is-shown .filter-popup { width: 100%; height: 100%; top: 0; left: 0; opacity: 1; -webkit-transition: -webkit-transform 0.25s ease-in-out, opacity 0.25s ease-in-out; -moz-transition: -moz-transform 0.25s ease-in-out, opacity 0.25s ease-in-out; transition: transform 0.25s ease-in-out, opacity 0.25s ease-in-out; -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); z-index: 99999; background-color: white; } .filter-popup-is-shown .pre-content { z-index: 1; -webkit-transition: none; -moz-transition: none; transition: none; } /*----------------------------------------------------------------------------- `-- (Assets) $ Items -----------------------------------------------------------------------------*/ .sls-main-content .item { margin-bottom: 15px; position: relative; display: block; background: center center no-repeat white; background-size: cover; color: #333; text-align: center; text-decoration: none; -webkit-transition: background-color 0.15s ease-in-out, opacity 0.35s ease-in-out; -moz-transition: background-color 0.15s ease-in-out, opacity 0.35s ease-in-out; transition: background-color 0.15s ease-in-out, opacity 0.35s ease-in-out; } .sls-main-content .item--dark { background-color: #333; } .sls-main-content .item--dark, .sls-main-content .item--dark:hover { color: #fff; } .sls-main-content .item.is-faded { opacity: 0.2; } .sls-main-content .item:after { content: ''; height: 5px; position: absolute; left: 0; right: 0; bottom: 0; background-color: transparent; -webkit-transition: background-color 0.35s ease-in-out; -moz-transition: background-color 0.35s ease-in-out; transition: background-color 0.35s ease-in-out; } .sls-main-content a.item:hover:after, .sls-main-content .touch a.item:after { background-color: #FF9D06; } .sls-main-content .item__visual, .space-bottom { max-width: 100% !important; max-height: 110px; display: block; } .sls-main-content .item > .item__visual:first-child:last-child { visibility: hidden; } .sls-main-content .item__contents { padding: 20px; position: relative; } .sls-main-content .item__contents--extra-pad { padding-top: 40px; padding-bottom: 40px; } .sls-main-content .item__contents:before, .sls-main-content .item__contents__inner { content: ''; display: inline-block; vertical-align: middle; } .sls-main-content .item__contents:before { height: 100%; margin-left: -0.5em; } .sls-main-content .item__contents--align-top:before { display: none; } .sls-main-content .item__contents--align-top .item__contents__inner { display: block; } .sls-main-content .item__contents__icon { margin-bottom: 15px; } .sls-main-content .item__large-title { margin-bottom: 15px; color: #000; font-size: 26px; } .sls-main-content .item__title { margin-bottom: 15px; color: #000; font-size: 18px !important; font-weight: 500 !important; line-height: 1.2 !important; letter-spacing: 0px !important; text-transform: none !important; } .sls-main-content .item--dark .item__title { color: #fff; } .sls-main-content .item__price { color: #023e5f; font-size: 35px; font-weight: bold; line-height: 1.2; } .sls-main-content .item__contents__inner > :first-child:last-child { margin-bottom: 0; } .sls-main-content .item__icons { display: none; position: absolute; bottom: 30px; left: 30px; } .sls-main-content .item__icons + .item__contents { padding-bottom: 55px; } .sls-main-content .item .sprite-icons-plan-types { opacity: 0.3; } .sls-main-content .item__expandable-contents-toggler { padding-bottom: 45px; cursor: pointer; } .sls-main-content .item__contents.item__expandable-contents-toggler:after { position: absolute; right: 15px; bottom: 5px; } .sls-main-content .item__contents.item__expandable-contents-toggler.deactivate:after { display: none; } .sls-main-content .item__expandable-contents { text-align: left; } .sls-main-content .item__expandable-contents > .pad { padding: 25px; } @media only screen and (max-width: 40em) { .sls-main-content .item__contents { padding: 15px; } .sls-main-content .item__expandable-contents-toggler { padding-bottom: 40px; } .sls-main-content .item__expandable-contents > .pad { padding: 15px; padding-top: 0; } .sls-main-content .item--alt-layout .item__expandable-contents > .pad { padding: 15px; } .sls-main-content .item__title { font-size: 16px; } } .sls-main-content .item--alt-layout { text-align: left; background-color: #eaeaea; /*border:2px solid #eaeaea;*/ } .sls-main-content .item--alt-layout:hover, .sls-main-content .item--alt-layout.is-toggled{ z-index: 1; background-color: #fff; } .sls-main-content .item--alt-layout .item__expandable-contents-toggler { padding-bottom: 20px; } .sls-main-content .item--alt-layout .item__expandable-contents-toggler:after { top: 19px; right: 17px; bottom: auto; font-size: 25px; } .sls-main-content .item--alt-layout .item__title { padding-right: 30px; } .sls-main-content .item--alt-layout .item__expandable-contents.item__expandable-contents { margin-top: 0; background-color: #eaeaea; -webkit-transition: none 0.25s ease-in-out; -moz-transition: none 0.25s ease-in-out; transition: none 0.25s ease-in-out; -webkit-transition-property: margin-top, background-color; -moz-transition-property: margin-top, background-color; transition-property: margin-top, background-color; } .sls-main-content .item--alt-layout .item__expandable-contents.item__expandable-contents.is-transitionable { -webkit-transition-property: height, margin-top, background-color; -moz-transition-property: height, margin-top, background-color; transition-property: height, margin-top, background-color; } .sls-main-content .item--alt-layout.is-toggled .item__expandable-contents.item__expandable-contents { margin-top: 15px; background-color: #fff; } @media only screen and (max-width: 40em) { .sls-main-content .item--alt-layout .item__title { padding-right: 20px; } .sls-main-content .item--alt-layout .item__expandable-contents-toggler { padding-bottom: 15px; } .sls-main-content .item--alt-layout .item__expandable-contents-toggler:after { top: 13px; } } @media only screen and (max-width: 20em) { .sls-main-content .item--alt-layout.is-toggled .item__expandable-contents.item__expandable-contents { margin-top: 0; } } .sls-main-content .row--inline-block-items { text-align: center; } .sls-main-content .row--inline-block-items.more-than-3-items { text-align: left; } .sls-main-content .row--inline-block-items > .item { width: 24%; margin-right: 0.7%; display: inline-block; vertical-align: top; } .sls-main-content .inline-block-wrapper--compensate { margin-top: -15px; margin-left: -5px; } .sls-main-content .inline-block-holder { margin-top: 15px; margin-left: 5px; display: inline-block; vertical-align: top; } @media (max-width: 1210px) { .sls-main-content .row--inline-block-items { padding: 0 15px; } } @media only screen and (min-width: 64.063em) { .sls-main-content .row--inline-block-items > .item:nth-child(4n) { margin-right: 0; } } @media only screen and (max-width: 64em) and (min-width: 40.063em) { .sls-main-content .row--inline-block-items > .item { width: 32.3333%; } .sls-main-content .row--inline-block-items > .item:nth-child(3n) { margin-right: 0; } } @media only screen and (max-width: 64em) { .sls-main-content .row--inline-block-items.has-3-items { text-align: left; } } @media only screen and (max-width: 40em) and (min-width: 20.063em) { .sls-main-content .row--inline-block-items > .item { width: 49%; } .sls-main-content .row--inline-block-items > .item:nth-child(2n) { margin-right: 0; } } @media (max-width: 25em) { .sls-main-content .row--inline-block-items.has-1-item > .item { width: 75%; } } @media only screen and (max-width: 20em) { .sls-main-content .row--inline-block-items > .item, .sls-main-content .row--inline-block-items.has-1-item > .item { width: auto; margin-right: 0; display: block; } .sls-main-content .item__contents { display: block; } } /*---- Items in overview pages ----*/ .sls-main-content .item--overview { min-height: 290px; text-align: left; } .sls-main-content .touch .item--overview:after { display: none; } .sls-main-content .item--overview .item__contents { width: 80%; padding: 30px; font-size: 16px; line-height: 1.4; display: block; } .sls-main-content .item--overview .item__contents:before { display: none; } .sls-main-content .item--solid-bg .item__contents { width: auto; } .sls-main-content .column--expanded .item--overview .item__contents { width: 55%; } .sls-main-content .item--overview .item__title { margin-bottom: 20px; font-size: 26px; } @media only screen and (max-width: 40em) { .sls-main-content .item--overview { min-height: 200px; } .sls-main-content .item--overview .item__contents, .sls-main-content .column--expanded .item--overview .item__contents { width: 60%; } .sls-main-content .item__icons { bottom: 15px; left: 15px; } .sls-main-content .item--overview .item__contents { padding: 15px; font-size: 14px; } .sls-main-content .item--overview .item__title { margin-bottom: 15px; font-size: 18px; } } /*----------------------------------------------------------------------------- `-- (Assets) $ Lists -----------------------------------------------------------------------------*/ .sls-main-content .nav-list { padding: 0; margin: 0; } .sls-main-content .nav-list > li { padding: 0; margin: 0; display: inline; } .sls-main-content .vertical-nav-list > li, .sls-main-content .vertical-nav-list .nav-link, .sls-main-content .sub-nav-list .sub-nav-link { padding: 0; margin: 0; margin-top: 15px; display: block; } .sls-main-content .vertical-nav-list .nav-link--major { font-size: 16px; font-weight: bold; } .sls-main-content .vertical-nav-list li:first-child, .sls-main-content .vertical-nav-list .nav-link:first-child, .sls-main-content .sub-nav-list .sub-nav-link:first-child { margin-top: 0; } .sls-main-content .vertical-nav-list .nav-link.current, .sls-main-content .sub-nav-list .sub-nav-link.current { color: #000; font-weight: bold; } .sls-main-content .sub-nav-toggler.is-toggled { font-weight: bold; } .sls-main-content .sub-nav-list { background-color: #f4f4f4; padding: 15px; margin-top: 15px; } .sls-main-content .sub-nav-list--clear { background-color: transparent; padding: 0; } .sls-main-content .sub-nav-list + .sub-nav-list { margin-top: 30px; } .sls-main-content .sub-nav-list .sub-nav-label { font-weight: bold; } .sls-main-content .sub-nav-list--clear .sub-nav-link { margin-top: 5px; } .sls-main-content .blank-list { list-style: none; } .sls-main-content .selection-list { list-style: none; } .sls-main-content .selection-list > li { border-bottom: 1px solid #ddd; overflow: hidden; font-size: 18px; } .sls-main-content .selection-list__label { width: 100%; padding: 1em; display: table; } .sls-main-content .selection-list table { width: 100%; } .sls-main-content .selection-list td { text-align: left; vertical-align: middle; } .sls-main-content .selection-list__radio { width: 40px; } .sls-main-content .selection-list__visual { width: 100px; } .sls-main-content .selection-list .selection-list__value { text-align: right; } .sls-main-content .selection-list__value { width: 20%; font-size: 25px; font-weight: bold; text-align: right; } @media only screen and (max-width: 40em) { .sls-main-content .selection-list > li { font-size: 14px; } .sls-main-content .selection-list__beta, .sls-main-content .selection-list__value { font-size: 18px; } .sls-main-content .selection-list__visual { width: 75px; } .sls-main-content .selection-list img { max-width: 50px; } } .sls-main-content .wrapper--notes ul { font-size: 13px; color: #333; line-height: 1.5; } .sls-main-content .wrapper--notes > div > div, .sls-main-content .wrapper--notes ul li { -webkit-transition: background-color 0.25s ease-in-out; -moz-transition: background-color 0.25s ease-in-out; transition: background-color 0.25s ease-in-out; } .sls-main-content .wrapper--notes .is-active { background-color: #f0f0f0; } .sls-main-content .notes-number { color: #0091d2; cursor: pointer; } .sls-main-content .notes-number.is-active { border-bottom: 1px solid; } .sls-main-content .wrapper--notes .notes-number, .sls-main-content .tooltips .notes-number { cursor: default; } .sls-main-content .notes-number:before { content: ''; position: absolute; top: -30%; right: -50%; bottom: -30%; left: -50%; display: block; } .sls-main-content .wrapper--notes .notes-number:before, .sls-main-content .tooltips .notes-number:before { display: none; } .sls-main-content .wrapper--notes ul ul { margin: 15px 0; list-style: none; } .sls-main-content ul.list, .sls-main-content .wrapper--notes ul, .sls-main-content .faux-column ul, .sls-main-content .device-specs-pair ul, .sls-main-content .number-tabber ul, .sls-main-content .self-toggler ul, .sls-main-content .details-group ul, .sls-main-content .tooltips ul, .sls-main-content .additionalInfo-panel ul, .sls-main-content .item ul { list-style: none; } .sls-main-content ul.list > li, .sls-main-content .wrapper--notes ul > li, .sls-main-content .self-toggler ul > li, .sls-main-content .faux-column ul > li, .sls-main-content .device-specs-pair ul > li, .sls-main-content .number-tabber ul > li, .sls-main-content .details-group ul > li, .sls-main-content .tooltips ul > li, .sls-main-content .additionalInfo-panel ul > li { position: relative; padding-left: 20px; } .sls-main-content ul.list > li:before, .sls-main-content .wrapper--notes ul > li:before, .sls-main-content .self-toggler ul > li:before, .sls-main-content .faux-column ul > li:before, .sls-main-content .device-specs-pair ul > li:before, .sls-main-content .number-tabber ul > li:before, .sls-main-content .details-group ul > li:before, .sls-main-content .tooltips ul > li:before, .sls-main-content .additionalInfo-panel ul > li:before, .sls-main-content .item ul > li:before, .sls-main-content .item .item__expandable-contents ul > li:before { /* content: '•';*/ position: absolute; top: 0; left: 0; } .sls-main-content .item ul > li:before { margin-right: 10px; position: static; } .sls-main-content .popup ol > li { margin: 0 0 15px 20px; } .sls-main-content .additionalInfo-panel ul, .sls-main-content .additionalInfo-panel ol { margin-bottom: 15px; } .sls-main-content .additionalInfo-panel ol > li { margin-left: 20px; } .sls-main-content .additionalInfo-panel ul ul, .sls-main-content .additionalInfo-panel ul ol, .sls-main-content .additionalInfo-panel ol ol, .sls-main-content .additionalInfo-panel ol ul { margin-bottom: 0; } .sls-main-content .additionalInfo-panel a { word-break: break-word; } /*----------------------------------------------------------------------------- `-- (Assets) $ Locations -----------------------------------------------------------------------------*/ .sls-main-content .location-dropdown { width: 100%; max-width: 250px; margin-bottom: 45px; } .sls-main-content .location-list { display: none; } .sls-main-content .location-list.current { display: block; } .sls-main-content .location-list > .sls-column, .sls-main-content .location-list > .row__flexi-width > .sls-column { margin-bottom: 10px; } .sls-main-content .location { padding: 15px; background-color: #fff; } .sls-main-content .location__name { font-size: 24px; margin-bottom: 15px; } .sls-main-content .location__address { min-height: 75px; margin-bottom: 30px; line-height: 1.6; } .sls-main-content .location__footer { border-top: 1px solid #eee; } .sls-main-content .location__footer a { padding-top: 15px; display: block; text-align: center; } @media only screen and (max-width: 40em) { .sls-main-content .location-dropdown { margin-bottom: 15px; } .sls-main-content .location__name { font-size: 20px; } } /*----------------------------------------------------------------------------- `-- (Assets) $ Pagination -----------------------------------------------------------------------------*/ .sls-main-content .pagination > li { display: inline; padding: 0; margin: 0; font-size: 16px; } .sls-main-content .pagination__link, .sls-main-content .align-to-pagination { display: inline-block; padding: 15px 7px; line-height: 19px; } .sls-main-content .pagination__link { color: #666; cursor: pointer; } .sls-main-content .pagination__link:hover { color: #038cd6; } .sls-main-content .pagination__link.current { color: #023e5f; font-weight: bold; } @media only screen and (max-width: 40em) { .sls-main-content .pagination > li { font-size: 14px; } } /*----------------------------------------------------------------------------- `-- (Assets) $ Panels -----------------------------------------------------------------------------*/ .sls-main-content .sls-panel { background-color: white; border: 0 solid #ddd; } .sls-main-content .grey-panel { background-color: #eee; } .sls-main-content .yellow-panel { background-color: #FF9D06; } .sls-main-content .dark-blue-panel { background-color: #00466d; color: #fff; } .sls-main-content .sls-panel.shadowed { box-shadow: 0 2px 6px 2px rgba(0,0,0,0.2); } .sls-main-content .sls-panel.bottom-shadowed { box-shadow: 0 4px 2px -2px rgba(0,0,0,0.2); } .sls-main-content .panel-button-group { display: table; } .sls-main-content .panel-button-group__row { display: table-row; } .sls-main-content .panel-button { width: 1000px; padding: 7px 15px; display: table-cell; font-weight: 500; text-align: center; text-decoration: none; -webkit-transition: none 0.15s ease-in-out; -moz-transition: none 0.15s ease-in-out; transition: none 0.15s ease-in-out; -webkit-transition-property: background-color, color; -moz-transition-property: background-color, color; transition-property: background-color, color; } .sls-main-content .panel-button-group .panel-button:hover { background-color: #f4f4f4; } .sls-main-content .panel-button-group--bordered .panel-button { border: 0px solid #eee; border-width: 1px 0 0 1px; } .sls-main-content .panel-button-group--bordered .panel-button:first-child { border-left-width: 0; } .sls-main-content .sls-panel.round .panel-button-group__row:last-child .panel-button:first-child { border-bottom-left-radius: 0.35em; } .sls-main-content .sls-panel.round .panel-button-group__row:last-child .panel-button:last-child { border-bottom-right-radius: 0.35em; } .sls-main-content .panel-toggler { padding: 15px; padding-bottom: 5px; font-size: 18px; font-weight: 500; } .sls-main-content .panel-toggler:after { display: none; } @media only screen and (max-width: 64em) { .sls-main-content .panel-toggler { padding-top: 30px; padding-bottom: 30px; position: relative; font-size: 16px; cursor: pointer; } .sls-main-content .panel-toggler--disabled { cursor: default; } .sls-main-content .panel-toggler:after { display: inline; position: absolute; top: 30px; right: 15px; } .sls-main-content .panel-toggler--disabled:after { display: none; } .sls-main-content .panel-contents { height: 0; overflow: hidden; } .sls-main-content .panel-contents.is-toggled { height: auto; margin-bottom: 0; } .sls-main-content .panel-contents.is-transitionable { -webkit-transition: height 0.4s, margin-bottom 0.4s; -moz-transition: height 0.4s, margin-bottom 0.4s; transition: height 0.4s, margin-bottom 0.4s; } } /*----------------------------------------------------------------------------- `-- (Assets) $ Popups -----------------------------------------------------------------------------*/ .popup-is-shown { overflow: hidden; } .main-popup-holder { width: 1px; height: 1px; position: fixed; top: -1px; left: -1px; z-index: 10; text-align: center; overflow: hidden; background: rgba(0,0,0,0.8); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); transform: scale(1.2); -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: -webkit-transform 0.25s ease-in-out, opacity 0.25s ease-in-out, width 0s 0.25s, height 0s 0.25s, top 0s 0.25s, left 0s 0.25s; -moz-transition: -moz-transform 0.25s ease-in-out, opacity 0.25s ease-in-out, width 0s 0.25s, height 0s 0.25s, top 0s 0.25s, left 0s 0.25s; transition: transform 0.25s ease-in-out, opacity 0.25s ease-in-out, width 0s 0.25s, height 0s 0.25s, top 0s 0.25s, left 0s 0.25s; } .main-popup-holder.is-shown { width: 100%; height: 100%; top: 0; left: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; -webkit-overflow-scrolling: touch; /* Kinetic scroll for iOS */ overflow: auto; -webkit-transform: none; -moz-transform: none; transform: none; -webkit-transition: -webkit-transform 0.25s ease-in-out, opacity 0.25s ease-in-out; -moz-transition: -moz-transform 0.25s ease-in-out, opacity 0.25s ease-in-out; transition: transform 0.25s ease-in-out, opacity 0.25s ease-in-out; } .main-popup-holder:before { content: ''; height: 100%; margin-left: -0.45em; vertical-align: middle; display: inline-block; } .sls-main-content .popup { width: 100%; max-width: 650px; padding: 45px 30px; margin: 25px 0 20px; display: none; position: relative; background: white; text-align: left; vertical-align: middle; } .sls-main-content .popup.is-shown { display: inline-block; } .popup-closer { border: 0; outline: 0; background: transparent; position: absolute; top: 30px; right: 30px; } .popup-title { padding-left: 30px; padding-right: 30px; margin-bottom: 30px; font-size: 45px; font-weight: 300; text-align: center; } @media only screen and (max-width: 64em) { .popup-title { font-size: 35px; } } @media only screen and (max-width: 40em) { .main-popup-holder:before { display: none; } .sls-main-content .popup { width: 100%; height: auto; min-height: 100%; max-width: none; padding: 30px 15px; margin: 0; position: relative; overflow: auto; } .sls-main-content .popup.is-shown { display: block; } .popup-closer { position: relative; top: -15px; right: 0; margin-right: 15px; display: inline-block; float: right; } .popup-title { font-size: 25px; clear: both; } } /*----------------------------------------------------------------------------- `-- (Assets) $ Sections -----------------------------------------------------------------------------*/ .sls-section { position: relative; } .sls-section, .section--tabs:nth-child(odd), .section--tabs:nth-child(odd) ~ .sls-section:nth-child(even), .section--tabs:nth-child(even) ~ .sls-section:nth-child(even), .sls-section:nth-child(even) .wrapper--tabs ~ .tab-content .sls-section:nth-child(even) { background-color: #f4f4f4; } .sls-section:nth-child(even), .section--tabs:nth-child(even), .section--tabs:nth-child(even) ~ .sls-section:nth-child(odd), .section--tabs:nth-child(odd) ~ .sls-section:nth-child(odd), .sls-section:nth-child(even) .wrapper--tabs ~ .tab-content .sls-section:nth-child(odd) { background-color: #ebebeb; } .sls-section.sls-section.sls-section.section--white { background-color: #fff; } .sls-section.sls-section.sls-section.section--black { background-color: #333; } .sls-section.sls-section.sls-section.section--yellow { background-color: #FF9D06; } .sls-section.sls-section.sls-section.section--dark-grey { background-color: #666; color: #fff; } .sls-main-content .section--white + .section--white { border-top: 3px solid #f4f4f4; } .sls-main-content .section--white-no-border + .section--white { border-top: 0; } .sls-main-content .sls-section.section--blue-pattern > .title, .sls-main-content .sls-section.section--dark-grey > .title { color: #fff; } .sls-main-content .section--padded { padding-top: 45px; padding-bottom: 45px; } .sls-main-content .section--padded-half, .sls-main-content .section__title.section__title--toggler, .sls-main-content .wrapper--notes > .inner-wrapper, .sls-main-content .wrapper--faq-notes > .inner-wrapper { padding-top: 20px; padding-bottom: 20px; } .sls-main-content .wrapper--notes > .inner-wrapper.inner-wrapper, .sls-main-content .wrapper--faq-notes > .inner-wrapper.inner-wrapper { padding-top: 0; } .sls-main-content .sls-section.section--tabs { /* Higher specificity to overwrite padding in mobile view */ padding-bottom: 0; } .sls-main-content .section__pull-up { position: relative; top: -55px; } .sls-main-content .section__title { padding-left: 15px; padding-right: 15px; margin-bottom: 45px; text-align: center; -webkit-transition: color 0.15s ease-in-out; -moz-transition: color 0.15s ease-in-out; transition: color 0.15s ease-in-out; } .sls-main-content .section__title:first-child:last-child { margin-bottom: 0; } /* Need the higher specificity to overwrite the `.title` rule near the bottom */ .sls-main-content .section__title.section__title--toggler { margin-bottom: 0; color: #023e5f; font-weight: normal; cursor: pointer; } .sls-main-content .section__title--toggler:hover, .sls-main-content .section__title--toggler:hover:after { color: #0091d2; } .sls-main-content .section__title--toggler:after { margin-left: 20px; } .sls-main-content .section__subtitle { margin-top: 7px; margin-bottom: 60px; font-size: 18px; text-align: center; } /* Need the higher specificity */ .sls-main-content .sls-section .section__text-wrapper, .sls-main-content .sls-section .section__img-wrapper, .sls-main-content .sls-section .section__cta-wrapper { max-width: 900px; text-align: center; font-size: 18px; line-height: 1.4; } .sls-main-content .sls-section .section__img-wrapper img { margin-left: auto; margin-right: auto; display: block; } .sls-main-content .sls-section .section__img-wrapper img + img { margin-top: 30px; } .sls-main-content .sls-section .section__cta-wrapper { margin-top: 35px; } .sls-main-content .section__cta-wrapper .sls-button { margin-top: 10px; } .sls-main-content .section__text-wrapper:last-child, .sls-main-content .section__text-wrapper p:last-child { margin-bottom: 0; } .sls-main-content .sls-section > .row--inline-block-items + .section__text-wrapper { margin-top: 20px; } @media only screen and (max-width: 40em) { .sls-main-content .sls-section .section__cta-wrapper { margin-top: 20px; } .sls-main-content .sls-section .section__text-wrapper, .sls-main-content .sls-section .section__cta-wrapper { font-size: 16px; } } /* Section shadow */ .sls-main-content .section--with-shadow { position: relative; } .sls-main-content .section--with-shadow:after, .sls-main-content .carousel-holder:after { content: ''; width: 100%; height: 20px; position: absolute; top: 100%; right: 0; left: 0; z-index: 2; background-size: 100% 100%; } @media only screen and (max-width: 40em) { .sls-main-content .section--padded { padding-top: 30px; padding-bottom: 30px; } .sls-main-content .section--padded-half, .sls-main-content .section__title.section__title--toggler, .sls-main-content .wrapper--notes > .inner-wrapper, .sls-main-content .wrapper--faq-notes > .inner-wrapper { padding-top: 15px; padding-bottom: 15px; } .sls-main-content .section__title, .sls-main-content .section__subtitle { margin-bottom: 30px; } .sls-main-content .section__title--toggler { font-size: 18px; } .sls-main-content .section__title--toggler:after { margin-left: 15px; font-size: 25px; } .sls-main-content .section__text-wrapper { font-size: 14px; } .sls-main-content .section--with-shadow:after, .sls-main-content .carousel-holder:after { background-size: 150% 100%; } } /*----------------------------------------------------------------------------- `-- (Assets) $ Sprites -----------------------------------------------------------------------------*/ .sls-main-content .icon-font:before, .sls-main-content .plus-toggler:after, .sls-main-content .self-toggler__toggler:after, .sls-main-content .arrow-toggler:after, .sls-main-content .panel-toggler:after, .sls-main-content .checkout__register__toggler:before, .sls-main-content .section-content-toggler:before, .sls-main-content .faux-toggle-tbl--header .tbl__toggle-arrow, .sls-main-content .section__title--toggler:after, .sls-main-content .item__expandable-contents-toggler:after, .sls-main-content .mobile-nav .toggler:after, .sls-main-content .main-back-to-top:after, .sls-main-content .dropdown-arrow:after { font-family: 'FontAwesome'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: inherit; vertical-align: middle; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .sls-main-content i.icon-font:before { vertical-align: baseline; } .sls-main-content .plus-toggler:after, .sls-main-content .self-toggler__toggler:after { -webkit-transition: color 0.15s ease-in-out; -moz-transition: color 0.15s ease-in-out; transition: color 0.15s ease-in-out; } .sls-main-content .icon-font--spaced:before { margin-right: 3px; } .sls-main-content .icon-font.icon--close:before { font-size: 162.5%; content: "\e60d"; position: relative; } .sls-main-content .icon-font.icon--location:before { content: "\e617"; } .sls-main-content .icon-font.icon--plus:before, .sls-main-content .plus-toggler:after, .sls-main-content .self-toggler__toggler:after { content: "\e619"; } .sls-main-content .icon-font.icon--minus:before, .sls-main-content .plus-toggler.is-toggled:after, .sls-main-content .toggler-pair__toggler.is-toggled > .plus-toggler:after, .sls-main-content .self-toggler__toggler.is-toggled:after { content: "\e61a"; } .sls-main-content .icon-font.icon--arrow-down:before, .sls-main-content .icon-font.icon--arrow_up:before, .sls-main-content .arrow-toggler:after, .sls-main-content .panel-toggler:after, .sls-main-content .checkout__register__toggler:before, .sls-main-content .section-content-toggler:before, .sls-main-content .faux-toggle-tbl--header .tbl__toggle-arrow:before, .sls-main-content .section__title--toggler:after, .sls-main-content .item__expandable-contents-toggler:after, .sls-main-content .mobile-nav .toggler:after, .sls-main-content .dropdown-arrow:after { content: "\f078"; } .sls-main-content .icon-font.icon--arrow-up:before, .sls-main-content .arrow-toggler.is-toggled:after, .sls-main-content .is-toggled > .arrow-toggler:after, .sls-main-content .panel-toggler.is-toggled:after, .sls-main-content .faux-toggle-tbl--header.is-toggled .tbl__toggle-arrow:before, .sls-main-content .checkout__register__toggler.is-toggled:before, .sls-main-content .section-content-toggler.is-toggled:before, .sls-main-content .section__title--toggler.is-toggled:after, .sls-main-content .item__expandable-contents-toggler.is-toggled:after, .sls-main-content .mobile-nav .toggler.is-toggled:after, .sls-main-content .main-back-to-top:after { content: "\f077"; } .sls-main-content .icon, .sls-main-content .main-nav-icon { border: 0; outline: 0; display: inline-block; position: relative; vertical-align: middle; font-style: normal; } .sls-main-content .icon--question { width: 23px; height: 23px; border: 2px solid #038cd6; color: #038cd6; font: 0/0 a; text-align: center; } .sls-main-content .icon--question[title], .sls-main-content .icon--question.tooltipify { cursor: help; } .sls-main-content .icon--question:before { content: '?'; position: relative; top: 1px; font: bold 15px/18px 'Arial', 'Helvetica'; } .sls-main-content .sprite-icons, .sls-main-content .main-nav-icon.main-nav-icon--menu { background: url(../images/sprites/sprite-icons.png) left top no-repeat; } .sls-main-content .sprite-icons.icon--heart { width: 17px; height: 15px; background-position: -75px top; } .sls-main-content .sprite-icons.icon--menu, .sls-main-content .main-nav-icon.main-nav-icon--menu { width: 24px; height: 18px; background-position: left -25px; background-size: auto; } .sls-main-content .sprite-icons-plan-types { width: 33px; height: 33px; border: 1px solid #05588c; border-radius: 50%; background: url(../images/sprites/sprite-icons-plan-types.png) -2px -2px no-repeat; } .sls-main-content .sprite-icons-plan-types + .sprite-icons-plan-types { margin-left: 5px; } .sls-main-content .item__icons .sprite-icons-plan-types, .sls-main-content .plan-details__title-icons .sprite-icons-plan-types { border-color: #999; } .sls-main-content .item--dark .sprite-icons-plan-types { border-color: #fff; } .sls-main-content .sprite-icons-plan-types.icon--message { } .sls-main-content .sprite-icons-plan-types.icon--network { background-position: -37px -2px; } .sls-main-content .sprite-icons-plan-types.sls-icon-phone { background-position: -72px -2px; } .sls-main-content .sprite-icons-plan-types.icon--tablet { background-position: -107px -2px; } .sls-main-content .sprite-icons-plan-types.icon--desktop { background-position: -142px -2px; } .sls-main-content .sprite-icons-plan-types.icon--4g { background-position: -177px -2px; } .sls-main-content .item__icons .sprite-icons-plan-types.icon--message, .sls-main-content .plan-details__title-icons .sprite-icons-plan-types.icon--message { background-position: -2px -37px; } .sls-main-content .item__icons .sprite-icons-plan-types.icon--network, .sls-main-content .plan-details__title-icons .sprite-icons-plan-types.icon--network { background-position: -37px -37px; } .sls-main-content .item__icons .sprite-icons-plan-types.sls-icon-phone, .sls-main-content .plan-details__title-icons .sprite-icons-plan-types.sls-icon-phone { background-position: -72px -37px; } .sls-main-content .item__icons .sprite-icons-plan-types.icon--tablet, .sls-main-content .plan-details__title-icons .sprite-icons-plan-types.icon--tablet { background-position: -107px -37px; } .sls-main-content .item__icons .sprite-icons-plan-types.icon--desktop, .sls-main-content .plan-details__title-icons .sprite-icons-plan-types.icon--desktop { background-position: -142px -37px; } .sls-main-content .item__icons .sprite-icons-plan-types.icon--4g, .sls-main-content .plan-details__title-icons .sprite-icons-plan-types.icon--4g { background-position: -177px -37px; } .sls-main-content .item--dark .sprite-icons-plan-types.icon--message { background-position: -2px -72px; } .sls-main-content .item--dark .sprite-icons-plan-types.icon--network { background-position: -37px -72px; } .sls-main-content .item--dark .sprite-icons-plan-types.sls-icon-phone { background-position: -72px -72px; } .sls-main-content .item--dark .sprite-icons-plan-types.icon--tablet { background-position: -107px -72px; } .sls-main-content .item--dark .sprite-icons-plan-types.icon--desktop { background-position: -142px -72px; } .sls-main-content .item--dark .sprite-icons-plan-types.icon--4g { background-position: -177px -72px; } .sls-main-content .sprite-icons-2x, .sls-main-content .main-nav-icon, .sls-main-content .is-toggled .main-nav-icon { background: url(../images/sprites/sprite-icons-2x.png) no-repeat; background-size: 200px 100px; } .sls-main-content .no-backgroundsize .sprite-icons-2x, .sls-main-content .no-backgroundsize .main-nav-icon { background-image: url(../images/sprites/sprite-icons-2x-half-size.png); } .sls-main-content .sprite-icons-2x.icon--search, .sls-main-content .main-nav-icon--search { width: 20px; height: 20px; background-position: left top; } .sls-main-content .sprite-icons-2x.icon--search.icon--dark { background-position: left -50px; } .sls-main-content .sprite-icons-2x.icon--gleam, .sls-main-content .main-nav-icon--gleam { width: 21px; height: 33px; background-position: -25px 0px; } .sls-main-content .sprite-icons-2x.icon--cart, .sls-main-content .main-nav-icon--cart { width: 33px; height: 28px; background-position: -50px 0px; } .sls-main-content .sprite-icons-2x.icon--cross-rounded, .sls-main-content .is-toggled > .main-nav-icon { width: 26px; height: 26px; } .sls-main-content .sprite-icons-2x.icon--cross-rounded { background-position: -100px top; } .sls-main-content .sprite-icons-2x.icon--cross-rounded.icon--dark, .sls-main-content .is-toggled > .main-nav-icon { background-position: -100px -50px; } .sls-main-content .sprite-icons-2x.icon--user { width: 22px; height: 21px; background-position: -150px top; } .sls-main-content .sprite-icons-2x.icon--user.icon--dark { background-position: -150px -25px; } .sls-main-content .sprite-icons-2x.icon--lock { width: 16px; height: 19px; background-position: -175px top; } .sls-main-content .sprite-icons-2x.icon--lock.icon--dark { background-position: -175px -25px; } .sls-main-content .sprite-blue-outline-medium { background: url(../images/sprites/sprite-icons-blue-outline-medium.png) no-repeat; background-size: 350px 50px; } .sls-main-content .sprite-blue-outline-medium.icon--hand-credit-card { width: 45px; height: 32px; background-position: left top; } .sls-main-content .sprite-blue-outline-medium.icon--mobile-up { width: 29px; height: 40px; background-position: -50px top; } .sls-main-content .sprite-blue-outline-medium.icon--cart { width: 45px; height: 36px; background-position: -100px top; } .sls-main-content .sprite-blue-outline-medium.icon--pin { width: 26px; height: 38px; background-position: -150px top; } .sls-main-content .sprite-blue-outline-medium.icon--printer { width: 33px; height: 32px; background-position: -200px top; } .sls-main-content .sprite-blue-outline-medium.icon--lock { width: 31px; height: 40px; background-position: -300px top; } .sls-main-content .sprite-blue-outline { background: url(../images/sprites/sprite-icons-blue-outline.png) no-repeat; background-size: 150px 25px; } .sls-main-content .sprite-blue-outline.icon--refresh { width: 17px; height: 21px; background-position: left top; } .sls-main-content .sprite-blue-outline.icon--grid { width: 25px; height: 25px; background-position: -25px top; } .sls-main-content .sprite-blue-outline.icon--monitor { width: 31px; height: 20px; background-position: -50px top; } .sls-main-content .sprite-blue-outline.icon--comment { width: 25px; height: 24px; background-position: -100px top; } .sls-main-content .sprite-blue-outline.icon--date { width: 25px; height: 25px; background-position: -125px top; } .sls-main-content .sprite-black-trust { background: url(../images/sprites/sprite-logos-black-trust.png) no-repeat; } .sls-main-content .sprite-black-trust.icon--maybank { width: 105px; height: 25px; background-position: left top; } .sls-main-content .sprite-black-trust.icon--cimb { width: 68px; height: 19px; background-position: left -25px; } .sls-main-content .sprite-black-trust.icon--rhb { width: 47px; height: 16px; background-position: left -44px; } .sls-main-content .sprite-black-trust.icon--pb-ebank { width: 71px; height: 21px; background-position: left -60px; } .sls-main-content .sprite-black-trust.icon--visa { width: 52px; height: 18px; background-position: left -81px; } .sls-main-content .sprite-black-trust.icon--mastercard { width: 43px; height: 26px; background-position: left -99px; } .sls-main-content .sprite-black-trust.icon--norton { width: 69px; height: 30px; background-position: left -125px; } .sls-main-content .sprite-black-trust.icon--geotrust { width: 92px; height: 25px; background-position: left -155px; } .sls-main-content .sprite-rounded-social-media { width: 38px; height: 38px; background: url(../images/sprites/sprite-icons-rounded-social-media.png) no-repeat; -webkit-transition: opacity 0.15s ease-in-out; -moz-transition: opacity 0.15s ease-in-out; transition: opacity 0.15s ease-in-out; } .sls-main-content .sprite-rounded-social-media.icon--facebook { background-position: left top; } .sls-main-content .sprite-rounded-social-media.icon--twitter { background-position: -40px top; } .sls-main-content .sprite-rounded-social-media.icon--share { background-position: -80px top; } .sls-main-content .sprite-rounded-social-media.icon--rss { background-position: -120px top; } .sls-main-content a:hover > .sprite-rounded-social-media { opacity: 0.7; } /*----------------------------------------------------------------------------- `-- (Assets) $ Summary -----------------------------------------------------------------------------*/ .sls-main-content .summary { overflow: hidden; } .sls-main-content .summary__visual { max-width: 90px; margin-right: 1em; float: left; } .sls-main-content .summary__contents { padding-left: 105px; list-style: none; font-size: 92.8571%; color: #666; line-height: 1.2; } .sls-main-content .summary__contents strong { color: #333; font-size: 107.6923%; } .summary-list { border: 0px solid #e2e2e2; list-style: none; } .summary-list > li { margin-top: 1em; font-size: 92.8571%; overflow: hidden; } .summary-list > .space-top-2x { margin-top: 30px; } .summary-list > li:first-child { margin-top: 0; } .summary-list__label { float: left; color: #999; } .sls-main-content strong.summary-list__label { color: #333; } .sls-main-content .summary-list__label .text-small { font-size: 11px; } .sls-main-content .summary-list__value { float: right; font-weight: bold; } /*----------------------------------------------------------------------------- `-- (Assets) $ Tabs -----------------------------------------------------------------------------*/ .sls-main-content .tab { padding: 16px 45px 17px; border-radius: 0.35em; border: 1px solid #ddd; display: inline-block; background-color: #e4e4e4; font-size: 18px; font-weight: 500; text-align: center; } .sls-main-content .tab.current, .sls-main-content .tab:hover { border-color: #ffc703; background-color: #FF9D06; } .sls-main-content .tab.expand { width: 1000px; padding-left: 10px; padding-right: 10px; display: table-cell; vertical-align: middle; } @media only screen and (max-width: 64em) { .sls-main-content .tab { padding-left: 30px; padding-right: 30px; } } @media only screen and (max-width: 40em) { .sls-main-content .tab { padding-left: 15px; padding-right: 15px; font-size: 16px; } } .sls-main-content .tab-content { display: none; } .sls-main-content .tab-content.current { display: inherit; } .sls-main-content .tabs-holder { min-width: 100%; margin-left: -10px; margin-right: -10px; display: table; border-collapse: separate; border-spacing: 10px; } .sls-main-content .tabs-holder .tab { width: 1000px; display: table-cell; vertical-align: middle; } .sls-main-content .tabs-holder--inline { margin-left: 0; margin-right: 0; display: block; text-align: center; } .sls-main-content .tabs-holder--inline .tab { width: auto; margin-left: 5px; margin-bottom: 10px; display: inline-block; } .sls-main-content .tabs-holder--inline .tab:first-child { margin-left: 0; } .sls-main-content .row--overview { position: relative; } .sls-main-content .tabs-holder--overview { margin-bottom: 15px; position: relative; z-index: 1; } .sls-main-content .column--overview-title { margin-top: 45px; margin-bottom: 15px; } .sls-main-content .column--overview-title:first-child { margin-top: 10px; } .sls-main-content .tabs-holder--overview + .column--overview-title, .sls-main-content .tabs-holder--overview + .services-dropdown-column, .sls-main-content .tabs-holder--overview + .column--overview-title + .services-dropdown-column { position: absolute; top: 0; z-index: 1; } .sls-main-content .tabs-holder--overview + .column--overview-title { min-height: 60px; margin-top: 0; margin-bottom: 30px; left: 0; } .sls-main-content .tabs-holder--overview + .services-dropdown-column, .sls-main-content .tabs-holder--overview + .column--overview-title + .services-dropdown-column { right: 0; } @media only screen and (max-width: 64em) { .sls-main-content .tabs-holder--overview + .column--overview-title, .sls-main-content .tabs-holder--overview + .services-dropdown-column, .sls-main-content .tabs-holder--overview + .column--overview-title + .services-dropdown-column { position: static; } .sls-main-content .tabs-holder--overview + .column--overview-title { min-height: 0; margin-bottom: 15px; } } @media only screen and (min-width: 40.063em) { .sls-main-content .tabs-holder--overview + .column--overview-title .title { line-height: 60px; } } @media only screen and (max-width: 40em) { .sls-main-content .tabs-holder--overview { margin-bottom: 5px; } .sls-main-content .column--overview-title { margin-top: 30px; } } /*---- Checkout tabber ----*/ .sls-main-content .tabber__tabs { border-bottom: 1px solid #ddd; } .sls-main-content .tabber__tabs.two-per-row > .tabber__tab { width: 49%; margin-left: 2%; } .sls-main-content .tabber__tabs.two-per-row > .tabber__tab:first-child { margin-left: 0; } .sls-main-content .tabber__tab { height: 90px; padding: 0.8333em; border: 0px solid #ddd; position: relative; float: left; background-color: #eee; font-size: 171.4286%; font-weight: 500; text-align: left; } .sls-main-content .tabber__tab.is-toggled { border-width: 1px 1px 0 1px; background-color: white; } .sls-main-content .tabber__tab.is-toggled:after { content: ''; width: 100%; height: 0; border-bottom: 1px solid #fff; position: absolute; top: 100%; left: 0; } .sls-main-content .tabber__tab--no-contents.is-toggled:after { display: none; } .sls-main-content .tabber__tab > input[type="radio"] { margin-right: 0.5em; } .sls-main-content .tabber__content.is-toggled { height: auto; } @media only screen and (max-width: 64em) { .sls-main-content .tabber__tab { font-size: 145%; } } @media only screen and (max-width: 40em) { .sls-main-content .tabber__tab { font-size: 120%; } } /*---- Number Tabbers ----*/ .sls-main-content .number-tabber { width: 90%; max-width: 650px; margin-left: auto; margin-right: auto; border-radius: 0.35em; display: table; background-color: #dfdfdf; } .sls-main-content .number-tabber__contents, .sls-main-content .number-tabber__tabs { display: table-cell; padding: 30px; list-style: none; vertical-align: top; } .sls-main-content .number-tabber__contents > li, .sls-main-content .number-tabber__tabs > li { margin: 0; padding: 0; } .sls-main-content .number-tabber__contents { padding-right: 15px; } .sls-main-content .number-tabber__contents > li { display: none; } .sls-main-content .number-tabber__contents > li.current { display: block; } .sls-main-content .number-tabber__visual { margin-bottom: 15px; } .sls-main-content .number-tabber__tabs { padding-left: 15px; padding-right: 15px; width: 60px; } .sls-main-content .number-tabber__tabs > li, .sls-main-content .circle-tabs-holder .circle-tab { width: 60px; height: 60px; border: 4px solid #000; border-radius: 50%; position: relative; background-color: #FF9D06; color: #000; font-size: 24px; font-weight: bold; line-height: 52px; text-align: center; cursor: pointer; -webkit-transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out; -moz-transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out; } .sls-main-content .number-tabber__tabs > li + li { margin-top: 10px; } .sls-main-content .number-tabber__tabs > li:hover, .sls-main-content .number-tabber__tabs > li.current, .sls-main-content .circle-tabs-holder .circle-tab:hover, .sls-main-content .circle-tabs-holder .circle-tab.current { background-color: black; color: #FF9D06; } .sls-main-content .number-tabber__tabs > li.current:before, .sls-main-content .circle-tabs-holder .circle-tab.current:before { content: ''; width: 0; height: 0; margin-top: -7px; border: 0px solid transparent; border-width: 7px 8px 7px 0; border-right-color: #000; position: absolute; top: 50%; left: -10px; } .sls-main-content .circle-tabs-holder { font-size: 16px; text-align: center; } .sls-main-content .circle-tabs-holder strong { font-weight: 500; } .sls-main-content ul.circle-tabs-holder, .sls-main-content .circle-tabs-holder ul, .sls-main-content .circle-tabs-holder li { display: inline-block; } .sls-main-content ul.circle-tabs-holder, .sls-main-content .circle-tabs-holder ul { padding-left: 15px; } .sls-main-content .circle-tabs-holder li + li, .sls-main-content .circle-tabs-holder .circle-tab + .circle-tab { padding-left: 4px; } .sls-main-content .circle-tabs-holder .circle-tab { font-size: 14px; } .sls-main-content .circle-tabs-holder .circle-tab.current:before { border-width: 8px 7px 0 7px; border-right-color: transparent; border-top-color: #000; margin-top: 0; margin-left: -7px; top: auto; bottom: -10px; left: 50%; } @media only screen and (max-width: 40em) { .sls-main-content .number-tabber__contents, .sls-main-content .number-tabber__tabs { padding: 15px; } .sls-main-content .number-tabber__contents { padding-right: 10px; } .sls-main-content .number-tabber__tabs { padding-left: 10px; padding-right: 10px; width: 45px; } .sls-main-content .number-tabber__tabs > li, .sls-main-content .circle-tabs-holder .circle-tab { width: 45px; height: 45px; border-width: 3px; font-size: 20px; line-height: 39px; } .sls-main-content .circle-tabs-holder { font-size: 14px; } .sls-main-content ul.circle-tabs-holder, .sls-main-content .circle-tabs-holder ul { padding-left: 0; padding-top: 7px; display: block; } .sls-main-content .circle-tabs-holder .circle-tab { font-size: 12px; } } .sls-main-content .circle-tabs-holder .circle-tab { border-radius: 50%; display: inline-block; background-color: #FF9D06; color: #000; } /*----------------------------------------------------------------------------- `-- (Assets) $ Tables -----------------------------------------------------------------------------*/ .sls-main-content .tbl-holder { overflow: auto; } .sls-main-content .tbl-holder + .tbl-holder { margin-top: 15px; } .sls-main-content .tbl-dropdown { width: 100%; max-width: 400px; margin-left: 15px; } .sls-main-content .self-toggler__content__inner .dropdown-switcher-holder .text-large { font-size: 125%; } @media only screen and (max-width: 40em) { .sls-main-content .tbl-dropdown { margin-top: 15px; display: block; margin-left: auto; margin-right: auto; } } .sls-main-content .default-tbl { max-width: 800px; margin-left: auto; margin-right: auto; border: 5px solid #fff; overflow: auto; } .sls-main-content .default-tbl > * > * > * { min-width: 180px; border-left: 1px solid #fff; border-bottom: 1px solid #e3e3e3; padding: 20px; -webkit-transition: background-color 0.15s ease-in-out; -moz-transition: background-color 0.15s ease-in-out; transition: background-color 0.15s ease-in-out; } .sls-main-content .default-tbl > * > * > td { background-color: #fff; } .sls-main-content .default-tbl--zebra-columns > * > * > :nth-child(even), .sls-main-content .default-tbl > * > * > .alt { background-color: #f3f3f3; } .sls-main-content .default-tbl > * > *:hover > td:nth-child(n), .sls-main-content .default-tbl > * > * > .is-hovered:nth-child(n) { background-color: #ededed; } .sls-main-content .default-tbl > * > * > th:nth-child(n) { background-color: #FF9D06; } .sls-main-content .default-tbl > * > * > th { padding-top: 20px; padding-bottom: 20px; border-bottom-color: #fff; font-size: 18px; font-weight: 500; } .sls-main-content .faq-section .default-tbl > * > * > th { font-size: 16px; } .sls-main-content .default-tbl--small > * > * > * { min-width: 140px; padding: 10px; font-size: 13px; } .sls-main-content .default-tbl--small > * > * > th { padding-top: 15px; padding-bottom: 15px; font-size: 16px; } .sls-main-content .details__content table { line-height: 1.4; } .sls-main-content .details__content .default-tbl { width: 100%; max-width: none; border: 0; } .sls-main-content .details__content .default-tbl > * > * > :first-child { border-left-color: #e3e3e3; } .sls-main-content .details__content .default-tbl > * > * > :last-child { border-right: 1px solid #e3e3e3; } .sls-main-content .details__content .default-tbl > * > * > th:first-child { border-left: 1px solid #FF9D06; } .sls-main-content .details__content .default-tbl > * > * > th:last-child { border-right-color: #FF9D06; } @media only screen and (max-width: 40em) { .sls-main-content .default-tbl > * > * > * { padding: 10px; min-width: 120px; } .sls-main-content .default-tbl > * > * > th { padding-top: 15px; padding-bottom: 15px; font-size: 14px; } .sls-main-content .faq-section .default-tbl > * > * > th { font-size: 14px; } } @media only screen and (max-width:25em) { .sls-main-content .default-tbl > * > * > * { min-width: 0; } } /* Steps Progress */ .sls-main-content .steps-progress { width: 100%; margin-left: auto; margin-right: auto; color: #a38e00; font-size: 87.5%; text-align: center; } .sls-main-content .steps-progress--short { max-width: 400px; } .sls-main-content .steps-progress td { width: 500px; padding-top: 0.5em; padding-bottom: 0.5em; } .sls-main-content .steps-progress .current-step { color: #333; } @media only screen and (max-width: 40em) { .sls-main-content .steps-progress { font-size: 75%; } } /* Captcha Table */ .sls-main-content .tbl-captcha { width: 90%; margin-left: auto; margin-right: auto; border: 1px solid #bbb; border-radius: 10px; border-collapse: separate; } .sls-main-content .tbl-captcha td { width: 50%; padding: 20px; } .sls-main-content .tbl-captcha__img-cell { border-radius: 9px 0 0 9px; background-color: #ddd; text-align: center; } .sls-main-content .tbl-captcha__input-cell { border-radius: 0 9px 9px 0; background-color: #f4f4f4; } @media only screen and (max-width: 40em) { .sls-main-content .tbl-captcha, .sls-main-content .tbl-captcha tbody, .sls-main-content .tbl-captcha tr, .sls-main-content .tbl-captcha td { display: block; } .sls-main-content .tbl-captcha td { width: 100%; } .sls-main-content .tbl-captcha__img-cell { border-radius: 9px 9px 0 0; } .sls-main-content .tbl-captcha__input-cell { border-radius: 0 0 9px 9px; } } /* Details Listing Table */ .sls-main-content .details-listing-tbl { font-size: 16px; } .sls-main-content .details-listing-tbl .text-small { font-size: 14px; } .sls-main-content .details-listing-tbl > * > * > * { padding-bottom: 30px; vertical-align: top; } .sls-main-content .details-listing-tbl > * > * > th { padding-right: 60px; text-align: left; color: #999; font-weight: normal; } .sls-main-content .details-listing-tbl > * > .row--text-grey > * { color: #999; } .sls-main-content .details-listing-tbl > * > .row--header > * { padding-bottom: 15px; border-bottom: 1px solid #ccc; } .sls-main-content .details-listing-tbl > * > .row--header + tr > * { padding-top: 15px; } @media only screen and (max-width: 40em) { .sls-main-content .details-listing-tbl > * > tr, .sls-main-content .details-listing-tbl > * > * > th, .sls-main-content .details-listing-tbl > * > * > td { display: block; } .sls-main-content .details-listing-tbl > * > tr { padding-top: 25px; } .sls-main-content .details-listing-tbl > * > * > th, .sls-main-content .details-listing-tbl > * > * > td { padding-top: 5px; padding-bottom: 0; } .sls-main-content .details-listing-tbl > * > tr:first-child, .sls-main-content .details-listing-tbl > * > tr:first-child th, .sls-main-content .details-listing-tbl > * > tr:first-child td, .sls-main-content .details-listing-tbl > * > .row--header + tr > * { padding-top: 0; } } .sls-main-content .details-listing-tbl--expand { width: 100%; } /* Number List Table */ .sls-main-content .number-list-tbl { width: 100%; } .sls-main-content .number-list-tbl > * > * > * { padding: 30px 10px; border: 0px solid #eee; border-top-width: 1px; /*font-size: 18px; font-weight: 500;*/ } .sls-main-content .number-list-tbl > * > * > :first-child { padding-left: 0; } .sls-main-content .number-list-tbl > * > * > :last-child { padding-right: 0; } .sls-main-content .number-list-tbl strong { font-size: 18px; font-weight: 500; } .sls-main-content .number-list-tbl a { font-size: 16px; font-weight: normal; } .sls-main-content .number-list-tbl .action-cell { width: 145px; text-align: center; } .sls-main-content .number-list-tbl--border-bottom > * > * > * { border-width: 0 0 1px; } @media only screen and (max-width: 40em) { .sls-main-content .number-list-tbl > *, .sls-main-content .number-list-tbl > * > *, .sls-main-content .number-list-tbl > * > * > * { display: block; } .sls-main-content .number-list-tbl > * { overflow: auto; } .sls-main-content .number-list-tbl > * > * { width: 50%; padding: 15px; border-top: 1px solid #eee; float: left; } .sls-main-content .number-list-tbl > * > :nth-child(2n+1) { clear: left; } .sls-main-content .number-list-tbl > * > * > * { padding: 5px 0; border: 0; text-align: center; } .sls-main-content .number-list-tbl .action-cell { width: auto; } } @media only screen and (max-width: 25em) { .sls-main-content .number-list-tbl > * > * { width: 100%; } } /* Device Specs Table */ .sls-main-content .device-specs-tbl { max-width: 600px; margin-left: auto; margin-right: auto; } .sls-main-content .device-specs-tbl > * > * > * { width: 280px; padding-top: 50px; vertical-align: top; } .sls-main-content .device-specs-tbl > * > :first-child > * { padding-top: 0; } .sls-main-content .device-specs-tbl > * > * > .device-specs-pair__label { width: 320px; padding-right: 80px; text-align: right; } @media only screen and (max-width: 40em) { .sls-main-content .device-specs-tbl > * > *, .sls-main-content .device-specs-tbl > * > * > * { width: auto; padding-top: 0; display: block; } .sls-main-content .device-specs-tbl > * > * { padding-top: 30px; } .sls-main-content .device-specs-tbl > * > :first-child { padding-top: 0; } .sls-main-content .device-specs-tbl > * > * > .device-specs-pair__label { width: auto; padding-right: 0; margin-bottom: 5px; text-align: left; } } /*---- Faux toggle tbl ----*/ .sls-main-content .faux-toggle-tbl-group + .faux-toggle-tbl-group { margin-top: 15px; } .sls-main-content .faux-toggle-tbl .faux-row { overflow: hidden; } .sls-main-content .faux-toggle-tbl .faux-column { width: 24.24%; padding: 20px 15px; margin-right: 1%; float: left; background-color: #fff; -webkit-transition: background-color 0.15s ease-in-out; -moz-transition: background-color 0.15s ease-in-out; transition: background-color 0.15s ease-in-out; } .sls-main-content .faux-toggle-tbl .faux-column.faux-column:last-child { margin-right: 0; } .sls-main-content .faux-toggle-tbl--header .faux-column { padding: 15px; } .sls-main-content .faux-toggle-tbl .faux-column .sls-button { padding-left: 0.9em; padding-right: 0.9em; } .sls-main-content .faux-toggle-tbl-group .faux-toggle-tbl--header .faux-column { cursor: pointer; } .sls-main-content .faux-toggle-tbl--header .faux-row:first-child .faux-column { padding-top: 30px; } .sls-main-content .faux-toggle-tbl--header .faux-row:last-child .faux-column { padding: 20px 15px; } .sls-main-content .faux-toggle-tbl--header .faux-row.faux-row--cta .faux-column { padding-bottom: 0; } .sls-main-content .faux-toggle-tbl--header .faux-row.faux-row--cta { margin-top: -5px; } .sls-main-content .faux-toggle-tbl--header .faux-row.faux-row--cta .sls-button { margin-top: 5px; } .sls-main-content .faux-toggle-tbl .faux-column.is-highlighted, .sls-main-content .faux-toggle-tbl--body .faux-row:hover .faux-column { background-color: #f8f8f8; } .sls-main-content .faux-toggle-tbl--header .faux-row .faux-column--emphasised { background-color: #fcfeb9; } .sls-main-content .faux-toggle-tbl .tbl__visual { margin-bottom: 15px; line-height: 230px; text-align: center; } .sls-main-content .faux-toggle-tbl .tbl__visual img { max-height: 230px; vertical-align: bottom; } .sls-main-content .faux-toggle-tbl .tbl__heading { margin-bottom: 5px; font-size: 24px; font-weight: 500; line-height: 1.2; } .sls-main-content .faux-toggle-tbl .tbl__subheading { font-size: 13px; color: #999; } .sls-main-content .faux-toggle-tbl .tbl__pricing { position: relative; } .sls-main-content .faux-toggle-tbl .tbl__pricing__prefix, .sls-main-content .faux-toggle-tbl .tbl__pricing__suffix, .sls-main-content .faux-toggle-tbl .tbl__pricing__postscript { font-size: 12px; } .sls-main-content .faux-toggle-tbl .tbl__pricing__emphasis { padding-top: 12px; position: relative; display: inline-block; color: #023e5f; font-size: 50px; font-weight: bold; line-height: 1; } .sls-main-content .faux-toggle-tbl .tbl__pricing__prefix { position: absolute; top: 0; left: 0; color: #333; font-weight: normal; } .sls-main-content .faux-toggle-tbl .tbl__pricing__suffix { margin-left: -5px; top: -25px; } .sls-main-content .faux-toggle-tbl .tbl__pricing__postscript { margin-top: 5px; } .sls-main-content .faux-toggle-tbl--header .tbl__arrow-holder { min-height: 18px; line-height: 18px; overflow: hidden; } .sls-main-content .faux-toggle-tbl--header .tbl__toggle-arrow { margin-top: -2px; float: right; } .sls-main-content .faux-toggle-tbl--header .tbl__toggle-arrow-label { float: left; font-size: 13px; } .sls-main-content .tbl__toggle-arrow-label .icon--heart { margin-right: 5px; top: -2px; } .sls-main-content .details-group { position: relative; line-height: 22px; color: #666; } .sls-main-content .details-group + .details-group { margin-top: 30px; } .sls-main-content .sls-details-group--with-icon { padding-left: 55px; } .sls-main-content .sls-details-group--with-icon:before { content: ''; width: 40px; height: 40px; border: 2px solid #cacaca; border-radius: 50%; position: absolute; top: 0; left: 0; background: url(../images/sprites/sprite-icons-table.png) -2px -2px no-repeat; } .sls-main-content .sls-details-group--with-icon.icon--message:before { background-position: -42px -2px; } .sls-main-content .sls-details-group--with-icon.icon--mail:before { background-position: -82px -2px; } .sls-main-content .sls-details-group--with-icon.sls-icon-globe:before { background-position: -122px -2px; } .sls-main-content .sls-details-group--with-icon.sls-icon-star:before { background-position: -162px -2px; } .sls-main-content .sls-details-group--with-icon.sls-icon-tick:before { background-position: -202px -2px; } .sls-main-content .sls-details-group--with-icon.sls-icon-phone:before { background-position: -242px -2px; } .sls-main-content .sls-details-group--with-icon.sls-icon-ribbon:before { background-position: -282px -2px; } .sls-main-content .sls-details-group--with-icon.icon--message-mail:before { background-position: -2px -42px; } .sls-main-content .sls-details-group--with-icon.sls-icon-picture:before { background-position: -42px -42px; } .sls-main-content .sls-details-group--with-icon.icon--cogwheel:before { background-position: -82px -42px; } .sls-main-content .sls-details-group--with-icon.icon--internet-lines:before { background-position: -122px -42px; } .sls-main-content .sls-details-group--with-icon.sls-icon-phone-one:before { background-position: -162px -42px; } .sls-main-content .sls-details-group--with-icon.icon--sim-card:before { background-position: -202px -42px; } .sls-main-content .sls-details-group--with-icon.icon--mobile-phone:before { background-position: -242px -42px; } .sls-main-content .sls-details-group--with-icon.icon--video:before { background-position: -282px -42px; } .sls-main-content .details-group__block { margin-top: 8px; } .sls-main-content .details-group__block:first-child { margin-top: 0; } .sls-main-content .details-group .details__title { font-size: 15px; font-weight: 500; color: #000; } .sls-main-content .details-group .details__subtitle { font-weight: 500; color: #333; } .sls-main-content .faux-toggle-tbl--body .faux-row--cta .faux-column { padding: 7px; } .sls-main-content .faux-toggle-tbl-group[class*="columns-per-row-"] .faux-toggle-tbl, .sls-main-content .faux-tbl-comparison-group[class*="columns-per-row-"] .faux-toggle-tbl { margin-left: auto; margin-right: auto; } .sls-main-content .faux-toggle-tbl-group.columns-per-row-3 .faux-toggle-tbl, .sls-main-content .faux-tbl-comparison-group.columns-per-row-3 .faux-toggle-tbl { max-width: 75%; } .sls-main-content .faux-toggle-tbl-group.columns-per-row-2 .faux-toggle-tbl, .sls-main-content .faux-tbl-comparison-group.columns-per-row-2 .faux-toggle-tbl { max-width: 50%; } .sls-main-content .faux-toggle-tbl-group.columns-per-row-1 .faux-toggle-tbl { max-width: 25%; } .sls-main-content .faux-toggle-tbl-group.columns-per-row-3 .faux-column, .sls-main-content .faux-tbl-comparison-group.columns-per-row-3 .faux-column { width: 32.4%; margin-right: 1.3%; } .sls-main-content .faux-toggle-tbl-group.columns-per-row-2 .faux-column, .sls-main-content .faux-tbl-comparison-group.columns-per-row-2 .faux-column { width: 49%; margin-right: 2%; } .sls-main-content .faux-toggle-tbl-group.columns-per-row-1 .faux-column { width: 100%; } @media only screen and (max-width: 40em) { .sls-main-content .details-group .details__title { font-size: 14px; } .sls-main-content .sls-details-group--with-icon { padding-left: 50px; } } /*---- Comparison ----*/ .sls-main-content .faux-tbl-comparison-group { width: 100%; overflow: auto; } .sls-main-content .faux-tbl-comparison-group .tbl__heading { font-size: 20px; } @media only screen and (max-width: 64em) { .sls-main-content .faux-toggle-tbl-group + .faux-toggle-tbl-group { margin-top: 0; } /* Overwrite the max-width set by the column-count classes */ .sls-main-content .faux-toggle-tbl-group.faux-toggle-tbl-group .faux-toggle-tbl { max-width: 100%; } .sls-main-content .faux-toggle-tbl-group .faux-toggle-tbl .faux-column { width: auto; padding: 15px; margin-right: 0; display: none; float: none; } .sls-main-content .faux-toggle-tbl .faux-column.is-shown { display: block; } .sls-main-content .faux-toggle-tbl-group .faux-toggle-tbl--header .faux-column { cursor: auto; } .sls-main-content .faux-toggle-tbl--header .faux-row:first-child .faux-column { padding-top: 15px; } .sls-main-content .faux-toggle-tbl--header .faux-row:last-child .faux-column { padding-top: 15px; padding-bottom: 15px; } .sls-main-content .faux-toggle-tbl--header .tbl__toggle-arrow { display: none; } .sls-main-content .faux-toggle-tbl--body.togglerify-slider { height: auto; overflow: visible; } .sls-main-content .faux-toggle-tbl .tbl__heading { font-size: 20px; line-height: 1.2; } .sls-main-content .faux-toggle-tbl .tbl__pricing__emphasis { font-size: 40px; } .sls-main-content .faux-toggle-tbl .tbl__pricing__suffix { top: -20px; } /*---- Comparison ----*/ .sls-main-content .faux-tbl-comparison-group.columns-per-row-3 .faux-toggle-tbl { max-width: 100%; } .sls-main-content .faux-tbl-comparison-group.columns-per-row-2 .faux-toggle-tbl { max-width: 66.6666%; } .sls-main-content .faux-tbl-comparison-group .faux-row { width: 125%; padding: 0 15px; } .sls-main-content .faux-tbl-comparison-group.columns-per-row-3 .faux-row, .sls-main-content .faux-tbl-comparison-group.columns-per-row-2 .faux-row { width: 100%; } .sls-main-content .faux-tbl-comparison-group .faux-column { width: 24.24%; margin-right: 1%; display: block; float: left; } .sls-main-content .faux-tbl-comparison-group .faux-column:last-child { margin-right: 0; } } @media only screen and (max-width: 50em) { /*---- Comparison ----*/ .sls-main-content .faux-tbl-comparison-group .faux-row { padding: 0; } .sls-main-content .faux-tbl-comparison-group .faux-column { padding: 7px; font-size: 13px; } .sls-main-content .faux-toggle-tbl .tbl__visual { line-height: 180px; } .sls-main-content .faux-toggle-tbl .tbl__visual img { max-height: 180px; } } @media only screen and (max-width: 40em) { /*---- Comparison ----*/ .sls-main-content .faux-tbl-comparison-group.columns-per-row-2 .faux-toggle-tbl { max-width: 100%; } .sls-main-content .faux-tbl-comparison-group .faux-row { width: 185%; } .sls-main-content .faux-tbl-comparison-group.columns-per-row-3 .faux-row { width: 139%; } .sls-main-content .faux-tbl-comparison-group .tbl__heading { font-size: 16px; } .sls-main-content .faux-tbl-comparison-group .tbl__pricing__prefix, .sls-main-content .faux-tbl-comparison-group .tbl__pricing__suffix, .sls-main-content .faux-tbl-comparison-group .tbl__pricing__postscript { font-size: 11px; } .sls-main-content .faux-tbl-comparison-group .tbl__pricing__emphasis { font-size: 30px; } .sls-main-content .faux-tbl-comparison-group .tbl__pricing__suffix { top: -15px; } .sls-main-content .faux-tbl-comparison-group .details__title { font-size: 14px; } } /* 460px / 16px = 28.75em */ @media only screen and (max-width: 28.75em) { .sls-main-content .faux-tbl-comparison-group .tbl__pricing__suffix { display: block; margin: 9px 0 6px; top: 0; } } /*----------------------------------------------------------------------------- `-- (Assets) $ Togglers -----------------------------------------------------------------------------*/ /*---- Arrow Togglers ----*/ .sls-main-content .arrow-toggler { padding-right: 25px; position: relative; cursor: pointer; } .sls-main-content .arrow-toggler:after, .sls-main-content .panel-toggler:after, .sls-main-content .checkout__register__toggler:before, .sls-main-content .section-content-toggler:before, .sls-main-content .faux-toggle-tbl--header .tbl__toggle-arrow:before, .sls-main-content .section__title--toggler:after, .sls-main-content .item__expandable-contents-toggler:after, .sls-main-content .dropdown-arrow:after { font-size: 25px; line-height: 1; color: #aaa; -webkit-transition: color 0.15s ease-in-out; -moz-transition: color 0.15s ease-in-out; transition: color 0.15s ease-in-out; } .sls-main-content .arrow-toggler:hover:after, .sls-main-content .panel-toggler:hover:after, .sls-main-content .checkout__register__toggler:hover:before, .sls-main-content .section-content-toggler:hover:before, .sls-main-content .faux-toggle-tbl--header:hover .tbl__toggle-arrow:before, .sls-main-content .section__title--toggler:hover:after, .sls-main-content .item__expandable-contents-toggler:hover:after, .sls-main-content select:hover + .dropdown-btn .dropdown-arrow:after, .sls-main-content select:focus + .dropdown-btn .dropdown-arrow:after, .sls-main-content .faux-dropdown:hover .arrow-toggler:after { color: #038cd6; } .sls-main-content .arrow-toggler.is-toggled:hover:after, .sls-main-content .is-toggled > .arrow-toggler:hover:after, .sls-main-content .panel-toggler.is-toggled:hover:after, .sls-main-content .checkout__register__toggler.is-toggled:hover:before, .sls-main-content .section-content-toggler.is-toggled:hover:before, .sls-main-content .faux-toggle-tbl--header.is-toggled:hover .tbl__toggle-arrow:before, .sls-main-content .section__title--toggler.is-toggled:hover:after, .sls-main-content .item__expandable-contents-toggler.is-toggled:hover:after, .sls-main-content .faux-dropdown:hover .is-toggled .arrow-toggler:after { color: #000; } .sls-main-content .arrow-toggler:after, .sls-main-content .checkout__register__toggler:before, .sls-main-content .section-content-toggler:before, .sls-main-content .dropdown-arrow:after { margin-top: -12px; position: absolute; top: 50%; right: 0; } .sls-main-content .dropdown-arrow:after { margin-left: -12px; left: 50%; right: auto; line-height: 1; } /*---- Plus Togglers ----*/ .sls-main-content .plus-toggler { padding-right: 25px; position: relative; cursor: pointer; } .sls-main-content .plus-toggler:after, .sls-main-content .self-toggler__toggler:after { margin-top: -12px; position: absolute; top: 50%; right: 0; color: #aaa; font-size: 25px; line-height: 1; -webkit-transition: color 0.15s ease-in-out; -moz-transition: color 0.15s ease-in-out; transition: color 0.15s ease-in-out; } .sls-main-content .plus-toggler--small:after { font-size: 20px; margin-top: -10px; right: 2px; } .sls-main-content .plus-toggler:hover:after, .sls-main-content .self-toggler__toggler:hover:after { color: #038cd6; } .sls-main-content .plus-toggler.is-toggled:hover:after, .sls-main-content .toggler-pair__toggler.is-toggled:hover > .plus-toggler:after, .sls-main-content .self-toggler__toggler.is-toggled:hover:after { color: #000; } /*---- Togglerify ----*/ .sls-main-content .togglerify-toggler { cursor: pointer; } .sls-main-content .togglerify-slider, .sls-main-content .height-slider, .sls-main-content .toggle-tbl-body, .sls-main-content .faux-dropdown > .faux-dropdown__menu { height: 0; overflow: hidden; } .sls-main-content .ie .togglerify-slider, .sls-main-content .ie .height-slider, .sls-main-content .ie .toggle-tbl-body, .sls-main-content .ie .faux-dropdown > .faux-dropdown__menu { height: auto; display: none; } .sls-main-content .togglerify-slider.is-transitionable, .sls-main-content .toggle-tbl-body.is-transitionable, .sls-main-content .height-slider.is-transitionable, .sls-main-content .main-nav__search.is-transitionable, .sls-main-content .faux-dropdown > .faux-dropdown__menu.is-transitionable { -webkit-transition: height 0.25s ease-in-out; -moz-transition: height 0.25s ease-in-out; transition: height 0.25s ease-in-out; } .sls-main-content .togglerify-slider.is-toggled, .sls-main-content .height-slider.is-toggled, .sls-main-content .main-nav__search.is-toggled, .sls-main-content .faux-dropdown > .faux-dropdown__menu.is-toggled { height: auto; } /*---- For 4 Princess ----*/ .sls-main-content .important-notices-popup, .sls-main-content .princess-popup { padding: 0; padding-top: 30px; } .sls-main-content .toggler-pair { position: relative; } .sls-main-content .toggler-pair__toggler, .sls-main-content .toggler-pair__content { -webkit-transition: background-color 0.25s ease-in-out; -moz-transition: background-color 0.25s ease-in-out; transition: background-color 0.25s ease-in-out; } .sls-main-content .toggler-pair__content.is-transitionable { -webkit-transition: background-color 0.25s ease-in-out, height 0.25s ease-in-out; -moz-transition: background-color 0.25s ease-in-out, height 0.25s ease-in-out; transition: background-color 0.25s ease-in-out, height 0.25s ease-in-out; } .sls-main-content .toggler-pair__toggler.is-toggled, .sls-main-content .toggler-pair__content.is-toggled, .sls-main-content .toggler-pair:first-child:last-child .toggler-pair__toggler, .sls-main-content .toggler-pair:first-child:last-child .toggler-pair__content { background-color: #f4f4f4; } .sls-main-content .toggler-pair__toggler { padding: 30px; padding-right: 75px; font-size: 24px; font-weight: 500; cursor: pointer; } .sls-main-content .important-notices-popup .toggler-pair__toggler { padding-top: 15px; padding-bottom: 15px; font-size: 20px; } .sls-main-content .toggler-pair .toggler-pair__toggler:after { right: 30px; } .sls-main-content .toggler-pair__content__inner { padding: 30px; } .sls-main-content .toggler-pair__content__inner.toggler-pair__content__inner { padding-top: 0; } .sls-main-content .toggler-pair { border-top: 1px solid #e6e6e6; } .sls-main-content .toggler-pair .toggler__icon { width: 45px; } .sls-main-content .toggler-pair .toggler-pair { border-top: 0; } .sls-main-content .toggler-pair .toggler-pair + .toggler-pair:before { content: ''; height: 1px; border-top: 1px dotted #666; position: absolute; top: 0; left: 30px; right: 30px; z-index: 1; } .sls-main-content .toggler-pair .toggler-pair .toggler-pair__toggler { padding-top: 15px; padding-bottom: 15px; } .sls-main-content .toggler-pair .toggler-pair .toggler-pair__toggler.is-toggled, .sls-main-content .toggler-pair .toggler-pair .toggler-pair__content.is-toggled { background-color: #e8e8e8; } .sls-main-content .toggler-pair:first-child:last-child .toggler-pair__toggler { cursor: auto; } .sls-main-content .toggler-pair:first-child:last-child .toggler-pair__toggler:after { display: none; } .sls-main-content .toggler-pair:first-child:last-child .toggler-pair__content { height: auto; } .sls-main-content .princess-popup .passport-num-field-group { display: none; } @media only screen and (max-width: 40em) { .sls-main-content .toggler-pair__toggler, .sls-main-content .important-notices-popup .toggler-pair__toggler { padding: 15px; padding-right: 45px; font-size: 18px; } .sls-main-content .toggler-pair .toggler-pair__toggler:after { right: 15px; } .sls-main-content .toggler-pair__content__inner { padding: 15px; } .sls-main-content .toggler-pair .toggler-pair + .toggler-pair:before { left: 15px; right: 15px; } } /*---- For FAQ Questions ----*/ .sls-main-content .self-toggler { background-color: #f4f4f4; } .sls-main-content .self-toggler + .self-toggler { margin-top: 15px; } .sls-main-content .self-toggler__toggler { padding: 30px; padding-right: 60px; position: relative; color: #000; font-size: 18px; font-weight: 500; cursor: pointer; } .sls-main-content .self-toggler__toggler:after { margin-top: 0; top: 30px; right: 30px; } .sls-main-content .self-toggler__content__inner { padding: 30px; } .sls-main-content .self-toggler__content__inner.self-toggler__content__inner { padding-top: 0; } @media only screen and (max-width: 40em) { .sls-main-content .self-toggler__toggler { padding: 15px; padding-right: 45px; } .sls-main-content .self-toggler__toggler:after { top: 15px; right: 10px; } .sls-main-content .self-toggler__toggler { font-size: 16px; } .sls-main-content .self-toggler__content__inner { padding: 15px; } } /*---- For FAQ page sections ----*/ .sls-main-content .section-content-toggler { padding: 30px 60px 30px 30px; position: relative; background-color: #eee; line-height: 1.55; cursor: pointer; -webkit-transition: background-color 0.15s ease-in-out; -moz-transition: background-color 0.15s ease-in-out; transition: background-color 0.15s ease-in-out; } .sls-main-content .section-content-toggler:hover, .sls-main-content .section-content-toggler.is-toggled { background-color: #fff; } .sls-main-content .section-content-toggler:before { margin-top: 0; top: 33px; right: 15px; } .sls-main-content .section-content-toggler .toggler__title { margin-bottom: 20px; display: block; font-size: 20px; font-weight: bold; } .sls-main-content .section-content-toggler.is-toggled:after { content: ''; height: 30px; position: absolute; top: 100%; right: 0; left: 0; background-color: #fff; } .sls-main-content .section-toggleable-content { display: none; } .sls-main-content .section-toggleable-content.is-toggled { display: block; } @media only screen and (max-width: 40em) { .sls-main-content .section-content-toggler { padding: 15px 45px 15px 15px; display: none; cursor: default; } .sls-main-content .section-content-toggler:before, .sls-main-content .section-content-toggler:after { display: none; } .sls-main-content .section-content-toggler .toggler__title { margin-bottom: 10px; } .sls-main-content .section-content-toggler.is-toggled { display: block; } } /*----------------------------------------------------------------------------- `-- (Assets) $ Tooltips -----------------------------------------------------------------------------*/ .sls-main-content .tooltips { max-width: 300px; padding: 10px; border: 1px solid #ccc; border-radius: 4px; margin: 5px 0 0 -11px; position: absolute; z-index: 3; background-color: #fff; font-size: 12px; opacity: 0; -webkit-transition: margin-top 0.25s ease-in-out, opacity 0.25s ease-in-out; -moz-transition: margin-top 0.25s ease-in-out, opacity 0.25s ease-in-out; transition: margin-top 0.25s ease-in-out, opacity 0.25s ease-in-out; } .sls-main-content .tooltips.is-opposite { margin-left: -5px; } .sls-main-content .tooltips.is-active, .sls-main-content .tooltips.is-transitioning-in { margin-top: -5px; opacity: 1; } .sls-main-content .tooltips.is-transitioning-out { margin-top: -15px; opacity: 0; } @media only screen and (max-width: 40em) { .sls-main-content .touch .tooltips { max-width: 100%; width: 100%; max-height: 40%; border-width: 1px 0 0; border-radius: 0; margin: 0; padding-right: 20px; position: fixed; top: 100%; left: 0; opacity: 1; overflow: auto; } .sls-main-content .touch .tooltip__closer { width: 20px; height: 20px; display: inline-block; position: absolute; top: 8px; right: 5px; color: inherit; font-size: 16px; line-height: 20px; text-align: center; } .sls-main-content .touch .tooltip__closer:after { content: '×'; } } /*----------------------------------------------------------------------------- $ Main -----------------------------------------------------------------------------*/ .sls-main-content .sls-body { font-size: 14px; } .sls-main-content .sls-body:before { content: ''; width: 100%; height: 0; display: block; -webkit-transition: height 0.25s ease-out; -moz-transition: height 0.25s ease-out; -o-transition: height 0.25s ease-out; transition: height 0.25s ease-out; } .sls-main-content .sls-body { font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif; min-height:600px; } .sls-main-content .align-to-h1 { line-height: 60px; } .sls-main-content .align-to-h2 { line-height: 40px; } .sls-main-content .align-to-h3 { line-height: 28px; } .sls-main-content .responsive-iframe { width: 100%; max-width: 100%; border: 0; } .sls-main-content .circle-title { width: 245px; height: 245px; border-radius: 50%; display: inline-block; background-color: #FF9D06; color: #000; font-size: 35px; font-weight: 300; line-height: 1.2; vertical-align: middle; text-align: center; } .sls-main-content .circle-title__inner { width: 245px; height: 245px; padding: 0 5px; display: table-cell; vertical-align: middle; } @media only screen and (max-width: 30em) { .sls-main-content .circle-title, .sls-main-content .circle-title__inner, .sls-main-content .timeline__heading .circle-title, .sls-main-content .timeline__heading .circle-title__inner { width: 140px; height: 140px; font-size: 20px; } } .sls-main-content .sls-body a, .sls-main-content .main-nav__quicklinks > li > a, .sls-main-content .main-header .text-ori-link-color, .sls-main-content .main-header .mobile-nav .text-ori-link-color, .sls-main-content .calculator__row__action { color: #038cd6; text-decoration: none; } .sls-main-content .sls-body a:hover, .sls-main-content .main-nav__quicklinks > li > a:hover, .sls-main-content .main-header .text-ori-link-color:hover, .sls-main-content .calculator__row:hover .calculator__row__action { color: #00263b; } .sls-main-content .sls-body a.is-disabled { color: #ccc; cursor: default; } .sls-main-content .sls-body a, .sls-main-content .sls-body button, .sls-main-content .sls-body input, .sls-main-content .pagination__link, .sls-main-content .important-notices-toggler { -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; -webkit-transition-property: color, border-color, background-color, opacity; -moz-transition-property: color, border-color, background-color, opacity; transition-property: color, border-color, background-color, opacity; } .sls-main-content .scroll-to { cursor: pointer; } @media screen and (-webkit-min-device-pixel-ratio: 0) { select:focus, textarea:focus, input:focus { font-size: 16px; } } /*---- Main Site ----*/ .sls-main-content .main-site { padding-top: 105px; position: relative; z-index: 1; left: 0; -webkit-transition: left 0.5s ease-in-out; -moz-transition: left 0.5s ease-in-out; transition: left 0.5s ease-in-out; } /* 700px / 16px = 43.75em */ @media only screen and (max-width: 43.75em) { .sls-main-content .main-site { padding-top: 70px; } } @media only screen and (max-width: 40em) { .sls-main-content .main-site { padding-top: 55px; } } /*---- Main Wrapper ----*/ .sls-main-content .sls-wrapper { max-width: 1170px; margin: 0 auto; } .sls-main-content .wrapper--max { max-width: 100%; padding-left: 15px; padding-right: 15px; } @media only screen and (max-width: 1210px) { .sls-main-content .sls-wrapper { padding-left: 15px; padding-right: 15px; } } .sls-main-content .wrapper--notes, .sls-main-content .wrapper--faq-notes { font-size: 13px; } .sls-main-content .main-back-to-top { width: 70px; height: 70px; margin-left: 590px; position: fixed; bottom: 15px; left: 50%; z-index: 3; background-color: #FF9D06; color: #000; font-size: 25px; text-align: center; line-height: 70px; opacity: 0; } .sls-main-content .main-back-to-top.is-shown { opacity: 1; } .sls-main-content .main-back-to-top:after { vertical-align: middle; } @media only screen and (max-width: 84.375em) { .sls-main-content .main-back-to-top { margin-left: 0; left: auto; right: 15px; } } @media only screen and (max-width: 64em) { .sls-main-content .main-back-to-top { width: 55px; height: 55px; line-height: 50px; } } @media only screen and (max-width: 40em) { .sls-main-content .main-back-to-top { width: 40px; height: 40px; line-height: 38px; font-size: 20px; } } /*---- Page overlay ----*/ .sls-main-content .page-overlay { width: 1px; height: 1px; position: fixed; top: -1px; left: -1px; z-index: 2; background: rgba(0,0,0,0); -webkit-transition: background-color 0.25s ease-in-out, width 0s 0.25s, height 0s 0.25s, top 0s 0.25s, left 0s 0.25s; -moz-transition: background-color 0.25s ease-in-out, width 0s 0.25s, height 0s 0.25s, top 0s 0.25s, left 0s 0.25s; transition: background-color 0.25s ease-in-out, width 0s 0.25s, height 0s 0.25s, top 0s 0.25s, left 0s 0.25s; } .sls-main-content .page-overlay.is-shown { width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,0.75); -webkit-transition: background-color 0.25s ease-in-out; -moz-transition: background-color 0.25s ease-in-out; transition: background-color 0.25s ease-in-out; } /*----------------------------------------------------------------------------- $ Helpers -----------------------------------------------------------------------------*/ .sls-main-content .clear { clear: both; } .sls-main-content .clearfix:before, .sls-main-content .clearfix:after, .sls-main-content .tabber__tabs:before, .sls-main-content .tabber__tabs:after { content: " "; display: table; } .sls-main-content .clearfix:after, .sls-main-content .tabber__tabs:after { clear: both; } .sls-main-content .float-holder { overflow: auto; } .sls-main-content .inline-block { display: inline-block; vertical-align: middle; } .sls-main-content .sls-title { font-weight: 300; padding-left:5px; } .sls-main-content .subtitle { font-size: 16px; color: #666; } .sls-main-content .sls-title + .subtitle { margin-top: 5px; } .sls-main-content .text-xxlarge { font-size: 30px; } .sls-main-content .text-xlarge { font-size: 24px; } .sls-main-content .text-large { font-size: 18px; } .sls-main-content .text-medium { font-size: 16px; } .sls-main-content .text-regular { font-size: 14px; } .sls-main-content .text-small { font-size: 12px; } .sls-main-content .text-xsmall { font-size: 10px; } .sls-main-content .text-xxsmall { font-size: 8px; } @media only screen and (max-width: 40em) { .sls-main-content .text-xxlarge { font-size: 24px; } .sls-main-content .text-xlarge { font-size: 20px; } .sls-main-content .text-large { font-size: 16px; } .sls-main-content .text-medium { font-size: 15px; } } .sls-main-content .break-word { word-break: break-word; } .sls-main-content .text-almost-black { color: #333; } .sls-main-content .text-blue { color: #09c; } .sls-main-content .text-dark-blue { color: #023e5f; } .sls-main-content .text-green { color: #00a651; } .sls-main-content .text-grey { color: #999; } .sls-main-content .text-dark-grey { color: #666; } .sls-main-content .text-red { color: #f00; } .sls-main-content .text-dark-red { color: #c00; } .sls-main-content .text-yellow { color: #FF9D06; } .sls-main-content .font-medium { font-weight: 500; } .sls-main-content .font-normal { font-weight: normal; } .sls-main-content .font-bold { font-weight: bold; } .sls-main-content .text-caps { text-transform: uppercase; } .sls-main-content .text-left { text-align: left; } .sls-main-content .text-center { text-align: center; } .sls-main-content .text-right { text-align: right; } .sls-main-content .text-break-all { word-break: break-all } .sls-main-content float-left { float: left; } .sls-main-content .float-right { float: right; } .sls-main-content .align-top { vertical-align: top; } .sls-main-content .align-middle { vertical-align: middle; } .sls-main-content .align-bottom { vertical-align: bottom; } .sls-main-content .push-to-baseline { position: relative; top: 2px; } .sls-main-content .border { border: 1px solid #bababa; } .sls-main-content .border-top, .sls-main-content .border-vertical { border-top: 1px solid #bababa; } .sls-main-content .border-right, .sls-main-content .border-horizontal { border-right: 1px solid #bababa; } .sls-main-content .border-bottom, .sls-main-content .border-vertical { border-bottom: 1px solid #bababa; } .sls-main-content .border-left, .sls-main-content .border-horizontal { border-left: 1px solid #bababa; } .sls-main-content .border-grey { border-color: #e2e2e2; } .sls-main-content .space-half { margin: 7px; } .sls-main-content .space-top-half, .sls-main-content .space-vertical-half { margin-top: 7px; } .sls-main-content .space-right-half, .sls-main-content .space-horizontal-half { margin-right: 7px; } .sls-main-content .space-bottom-half, .sls-main-content .space-vertical-half { margin-bottom: 7px; } .sls-main-content .space-left-half, .sls-main-content .space-horizontal-half { margin-left: 7px; } .sls-main-content .space { margin: 15px; } .sls-main-content .space-top, .sls-main-content .space-vertical { margin-top: 15px; } .sls-main-content .space-right, .sls-main-content .space-horizontal { margin-right: 15px; } .sls-main-content .space-bottom, .sls-main-content .space-vertical { margin-bottom: 15px; } .sls-main-content .space-left, .sls-main-content .space-horizontal { margin-left: 15px; } .sls-main-content .space-2x { margin: 30px; } .sls-main-content .space-top-2x, .sls-main-content .space-vertical-2x { margin-top: 30px; } .sls-main-content .space-right-2x, .sls-main-content .space-horizontal-2x { margin-right: 30px; } .sls-main-content .space-bottom-2x, .sls-main-content .space-vertical-2x { margin-bottom: 30px; } .sls-main-content .space-left-2x, .sls-main-content .space-horizontal-2x { margin-left: 30px; } .sls-main-content .space-3x { margin: 45px; } .sls-main-content .space-top-3x, .sls-main-content .space-vertical-3x { margin-top: 45px; } .sls-main-content .space-right-3x, .sls-main-content .space-horizontal-3x { margin-right: 45px; } .sls-main-content .space-bottom-3x, .sls-main-content .space-vertical-3x { margin-bottom: 45px; } .sls-main-content .space-left-3x, .sls-main-content .space-horizontal-3x { margin-left: 45px; } .sls-main-content .space-4x { margin: 60px; } .sls-main-content .space-top-4x, .sls-main-content .space-vertical-4x { margin-top: 60px; } .sls-main-content .space-right-4x, .sls-main-content .space-horizontal-4x { margin-right: 60px; } .sls-main-content .space-bottom-4x, .sls-main-content .space-vertical-4x { margin-bottom: 60px; } .sls-main-content .space-left-4x, .sls-main-content .space-horizontal-4x { margin-left: 60px; } .sls-main-content .inline-space-left { margin-left: 5px; } .sls-main-content .inline-space-right { margin-right: 5px; } .sls-main-content .pad { padding: 15px; } .sls-main-content .pad-top, .sls-main-content .pad-vertical { padding-top: 15px; } .sls-main-content .pad-right, .sls-main-content .pad-horizontal { padding-right: 15px; } .sls-main-content .pad-bottom, .sls-main-content .pad-vertical { padding-bottom: 15px; } .sls-main-content .pad-left, .sls-main-content .pad-horizontal { padding-left: 15px; } .sls-main-content .pad-half { padding: 7px; } .sls-main-content .pad-top-half, .sls-main-content .pad-vertical-half { padding-top: 7px; } .sls-main-content .pad-right-half, .sls-main-content .pad-horizontal-half { padding-right: 7px; } .sls-main-content .pad-bottom-half, .sls-main-content .pad-vertical-half { padding-bottom: 7px; } .sls-main-content .pad-left-half, .sls-main-content .pad-horizontal-half { padding-left: 7px; } .sls-main-content .pad-2x { padding: 30px; } .sls-main-content .pad-top-2x, .sls-main-content .pad-vertical-2x { padding-top: 30px; } .sls-main-content .pad-right-2x, .sls-main-content .pad-horizontal-2x { padding-right: 30px; } .sls-main-content .pad-bottom-2x, .sls-main-content .pad-vertical-2x { padding-bottom: 30px; } .sls-main-content .pad-left-2x, .sls-main-content .pad-horizontal-2x { padding-left: 30px; } .sls-main-content .pad-3x { padding: 45px; } .sls-main-content .pad-top-3x, .sls-main-content .pad-vertical-3x { padding-top: 45px; } .sls-main-content .pad-right-3x, .sls-main-content .pad-horizontal-3x { padding-right: 45px; } .sls-main-content .pad-bottom-3x, .sls-main-content .pad-vertical-3x { padding-bottom: 45px; } .sls-main-content .pad-left-3x, .sls-main-content .pad-horizontal-3x { padding-left: 45px; } .sls-main-content .pad-4x { padding: 60px; } .sls-main-content .pad-top-4x, .sls-main-content .pad-vertical-4x { padding-top: 60px; } .sls-main-content .pad-right-4x, .sls-main-content .pad-horizontal-4x { padding-right: 60px; } .sls-main-content .pad-bottom-4x, .sls-main-content .pad-vertical-4x { padding-bottom: 60px; } .sls-main-content .pad-left-4x, .sls-main-content .pad-horizontal-4x { padding-left: 60px; } .sls-main-content .round { border-radius: 0.35em; } .sls-main-content .round-top-left, .sls-main-content .round-top, .sls-main-content .round-left { border-top-left-radius: 0.35em; } .sls-main-content .round-top-right, .sls-main-content .round-top, .sls-main-content .round-right { border-top-right-radius: 0.35em; } .sls-main-content .round-bottom-right, .sls-main-content .round-bottom, .sls-main-content .round-right { border-bottom-right-radius: 0.35em; } .sls-main-content .round-bottom-left, .sls-main-content .round-bottom, .sls-main-content .round-left { border-bottom-left-radius: 0.35em; } .sls-main-content .round-circle { border-radius: 50%; } @media only screen and (max-width: 40em) { .sls-main-content .small-down-space-half { margin: 7px; } .sls-main-content .small-down-space-top-half, .sls-main-content .small-down-space-vertical-half { margin-top: 7px; } .sls-main-content .small-down-space-right-half, .sls-main-content .small-down-space-horizontal-half { margin-right: 7px; } .sls-main-content .small-down-space-bottom-half, .sls-main-content .small-down-space-vertical-half { margin-bottom: 7px; } .sls-main-content .small-down-space-left-half, .sls-main-content .small-down-space-horizontal-half { margin-left: 7px; } .sls-main-content .small-down-space { margin: 15px; } .sls-main-content .small-down-space-top, .sls-main-content .small-down-space-vertical { margin-top: 15px; } .sls-main-content .small-down-space-right, .sls-main-content .small-down-space-horizontal { margin-right: 15px; } .sls-main-content .small-down-space-bottom, .sls-main-content .small-down-space-vertical { margin-bottom: 15px; } .sls-main-content .small-down-space-left, .sls-main-content .small-down-space-horizontal { margin-left: 15px; } .sls-main-content .small-down-space-2x { margin: 30px; } .sls-main-content .small-down-space-top-2x, .sls-main-content .small-down-space-vertical-2x { margin-top: 30px; } .sls-main-content .small-down-space-right-2x, .sls-main-content .small-down-space-horizontal-2x { margin-right: 30px; } .sls-main-content .small-down-space-bottom-2x, .sls-main-content .small-down-space-vertical-2x { margin-bottom: 30px; } .sls-main-content .small-down-space-left-2x, .sls-main-content .small-down-space-horizontal-2x { margin-left: 30px; } .sls-main-content .small-down-space-3x { margin: 45px; } .sls-main-content .small-down-space-top-3x, .sls-main-content .small-down-space-vertical-3x { margin-top: 45px; } .sls-main-content .small-down-space-right-3x, .sls-main-content .small-down-space-horizontal-3x { margin-right: 45px; } .sls-main-content .small-down-space-bottom-3x, .sls-main-content .small-down-space-vertical-3x { margin-bottom: 45px; } .sls-main-content .small-down-space-left-3x, .sls-main-content .small-down-space-horizontal-3x { margin-left: 45px; } .sls-main-content .small-down-space-4x { margin: 60px; } .sls-main-content .small-down-space-top-4x, .sls-main-content .small-down-space-vertical-4x { margin-top: 60px; } .sls-main-content .small-down-space-right-4x, .sls-main-content .small-down-space-horizontal-4x { margin-right: 60px; } .sls-main-content .small-down-space-bottom-4x, .sls-main-content .small-down-space-vertical-4x { margin-bottom: 60px; } .sls-main-content .small-down-space-left-4x, .sls-main-content .small-down-space-horizontal-4x { margin-left: 60px; } .sls-main-content .small-down-pad-half { padding: 7px; } .sls-main-content .small-down-pad-top-half, .sls-main-content .small-down-pad-vertical-half { padding-top: 7px; } .sls-main-content .small-down-pad-right-half, .sls-main-content .small-down-pad-horizontal-half { padding-right: 7px; } .sls-main-content .small-down-pad-bottom-half, .sls-main-content .small-down-pad-vertical-half { padding-bottom: 7px; } .sls-main-content .small-down-pad-left-half, .sls-main-content .small-down-pad-horizontal-half { padding-left: 7px; } .sls-main-content .small-down-pad { padding: 15px; } .sls-main-content .small-down-pad-top, .sls-main-content .small-down-pad-vertical { padding-top: 15px; } .sls-main-content .small-down-pad-right, .sls-main-content .small-down-pad-horizontal { padding-right: 15px; } .sls-main-content .small-down-pad-bottom, .sls-main-content .small-down-pad-vertical { padding-bottom: 15px; } .sls-main-content .small-down-pad-left, .sls-main-content .small-down-pad-horizontal { padding-left: 15px; } .sls-main-content .small-down-pad-2x { padding: 30px; } .sls-main-content .small-down-pad-top-2x, .sls-main-content .small-down-pad-vertical-2x { padding-top: 30px; } .sls-main-content .small-down-pad-right-2x, .sls-main-content .small-down-pad-horizontal-2x { padding-right: 30px; } .sls-main-content .small-down-pad-bottom-2x, .sls-main-content .small-down-pad-vertical-2x { padding-bottom: 30px; } .sls-main-content .small-down-pad-left-2x, .sls-main-content .small-down-pad-horizontal-2x { padding-left: 30px; } .sls-main-content .small-down-pad-3x { padding: 45px; } .sls-main-content .small-down-pad-top-3x, .sls-main-content .small-down-pad-vertical-3x { padding-top: 45px; } .sls-main-content .small-down-pad-right-3x, .sls-main-content .small-down-pad-horizontal-3x { padding-right: 45px; } .sls-main-content .small-down-pad-bottom-3x, .sls-main-content .small-down-pad-vertical-3x { padding-bottom: 45px; } .sls-main-content .small-down-pad-left-3x, .sls-main-content .small-down-pad-horizontal-3x { padding-left: 45px; } .sls-main-content .small-down-pad-4x { padding: 60px; } .sls-main-content .small-down-pad-top-4x, .sls-main-content .small-down-pad-vertical-4x { padding-top: 60px; } .sls-main-content .small-down-pad-right-4x, .sls-main-content .small-down-pad-horizontal-4x { padding-right: 60px; } .sls-main-content .small-down-pad-bottom-4x, .sls-main-content .small-down-pad-vertical-4x { padding-bottom: 60px; } .sls-main-content .small-down-pad-left-4x, .sls-main-content .small-down-pad-horizontal-4x { padding-left: 60px; } .sls-main-content .small-down-float-left { float: left; } .sls-main-content .small-down-float-right { float: right; } .sls-main-content .small-down-text-left { text-align: left; } .sls-main-content .small-down-text-right { text-align: right; } .sls-main-content .small-down-text-center { text-align: center; } } @media only screen and (max-width: 64em) { .sls-main-content .medium-down-space-half { margin: 7px; } .sls-main-content .medium-down-space-top-half, .sls-main-content .medium-down-space-vertical-half { margin-top: 7px; } .sls-main-content .medium-down-space-right-half, .sls-main-content .medium-down-space-horizontal-half { margin-right: 7px; } .sls-main-content .medium-down-space-bottom-half, .sls-main-content .medium-down-space-vertical-half { margin-bottom: 7px; } .sls-main-content .medium-down-space-left-half, .sls-main-content .medium-down-space-horizontal-half { margin-left: 7px; } .sls-main-content .medium-down-space { margin: 15px; } .sls-main-content .medium-down-space-top, .sls-main-content .medium-down-space-vertical { margin-top: 15px; } .sls-main-content .medium-down-space-right, .sls-main-content .medium-down-space-horizontal { margin-right: 15px; } .sls-main-content .medium-down-space-bottom, .sls-main-content .medium-down-space-vertical { margin-bottom: 15px; } .sls-main-content .medium-down-space-left, .sls-main-content .medium-down-space-horizontal { margin-left: 15px; } .sls-main-content .medium-down-space-2x { margin: 45px; } .sls-main-content .medium-down-space-top-2x, .sls-main-content .medium-down-space-vertical-2x { margin-top: 45px; } .sls-main-content .medium-down-space-right-2x, .sls-main-content .medium-down-space-horizontal-2x { margin-right: 45px; } .sls-main-content .medium-down-space-bottom-2x, .sls-main-content .medium-down-space-vertical-2x { margin-bottom: 45px; } .sls-main-content .medium-down-space-left-2x, .sls-main-content .medium-down-space-horizontal-2x { margin-left: 45px; } .sls-main-content .medium-down-space-3x { margin: 45px; } .sls-main-content .medium-down-space-top-3x, .sls-main-content .medium-down-space-vertical-3x { margin-top: 45px; } .sls-main-content .medium-down-space-right-3x, .sls-main-content .medium-down-space-horizontal-3x { margin-right: 45px; } .sls-main-content .medium-down-space-bottom-3x, .sls-main-content .medium-down-space-vertical-3x { margin-bottom: 45px; } .sls-main-content .medium-down-space-left-3x, .sls-main-content .medium-down-space-horizontal-3x { margin-left: 45px; } .sls-main-content .medium-down-space-4x { margin: 60px; } .sls-main-content .medium-down-space-top-4x, .sls-main-content .medium-down-space-vertical-4x { margin-top: 60px; } .sls-main-content .medium-down-space-right-4x, .sls-main-content .medium-down-space-horizontal-4x { margin-right: 60px; } .sls-main-content .medium-down-space-bottom-4x, .sls-main-content .medium-down-space-vertical-4x { margin-bottom: 60px; } .sls-main-content .medium-down-space-left-4x, .sls-main-content .medium-down-space-horizontal-4x { margin-left: 60px; } .sls-main-content .medium-down-pad { padding: 15px; } .sls-main-content .medium-down-pad-top, .sls-main-content .medium-down-pad-vertical { padding-top: 15px; } .sls-main-content .medium-down-pad-right, .sls-main-content .medium-down-pad-horizontal { padding-right: 15px; } .sls-main-content .medium-down-pad-bottom, .sls-main-content .medium-down-pad-vertical { padding-bottom: 15px; } .sls-main-content .medium-down-pad-left, .sls-main-content .medium-down-pad-horizontal { padding-left: 15px; } .sls-main-content .medium-down-pad-2x { padding: 30px; } .sls-main-content .medium-down-pad-top-2x, .sls-main-content .medium-down-pad-vertical-2x { padding-top: 30px; } .sls-main-content .medium-down-pad-right-2x, .sls-main-content .medium-down-pad-horizontal-2x { padding-right: 30px; } .sls-main-content .medium-down-pad-bottom-2x, .sls-main-content .medium-down-pad-vertical-2x { padding-bottom: 30px; } .sls-main-content .medium-down-pad-left-2x, .sls-main-content .medium-down-pad-horizontal-2x { padding-left: 30px; } .sls-main-content .medium-down-pad-3x { padding: 45px; } .sls-main-content .medium-down-pad-top-3x, .sls-main-content .medium-down-pad-vertical-3x { padding-top: 45px; } .sls-main-content .medium-down-pad-right-3x, .sls-main-content .medium-down-pad-horizontal-3x { padding-right: 45px; } .sls-main-content .medium-down-pad-bottom-3x, .sls-main-content .medium-down-pad-vertical-3x { padding-bottom: 45px; } .sls-main-content .medium-down-pad-left-3x, .sls-main-content .medium-down-pad-horizontal-3x { padding-left: 45px; } .sls-main-content .medium-down-pad-4x { padding: 60px; } .sls-main-content .medium-down-pad-top-4x, .sls-main-content .medium-down-pad-vertical-4x { padding-top: 60px; } .sls-main-content .medium-down-pad-right-4x, .sls-main-content .medium-down-pad-horizontal-4x { padding-right: 60px; } .sls-main-content .medium-down-pad-bottom-4x, .sls-main-content .medium-down-pad-vertical-4x { padding-bottom: 60px; } .sls-main-content .medium-down-pad-left-4x, .sls-main-content .medium-down-pad-horizontal-4x { padding-left: 60px; } .sls-main-content .medium-down-float-left { float: left; } .sls-main-content .medium-down-float-right { float: right; } .sls-main-content .medium-down-text-left { text-align: left; } .sls-main-content .medium-down-text-right { text-align: right; } .sls-main-content .medium-down-text-center { text-align: center; } } @media only screen and (min-width: 40.063em) { .sls-main-content .medium-space-half { margin: 7px; } .sls-main-content .medium-space-top-half, .sls-main-content .medium-space-vertical-half { margin-top: 7px; } .sls-main-content .medium-space-right-half, .sls-main-content .medium-space-horizontal-half { margin-right: 7px; } .sls-main-content .medium-space-bottom-half, .sls-main-content .medium-space-vertical-half { margin-bottom: 7px; } .sls-main-content .medium-space-left-half, .sls-main-content .medium-space-horizontal-half { margin-left: 7px; } .sls-main-content .medium-space { margin: 15px; } .sls-main-content .medium-space-top, .sls-main-content .medium-space-vertical { margin-top: 15px; } .sls-main-content .medium-space-right, .sls-main-content .medium-space-horizontal { margin-right: 15px; } .sls-main-content .medium-space-bottom, .sls-main-content .medium-space-vertical { margin-bottom: 15px; } .sls-main-content .medium-space-left, .sls-main-content .medium-space-horizontal { margin-left: 15px; } .sls-main-content .medium-space-2x { margin: 30px; } .sls-main-content .medium-space-top-2x, .sls-main-content .medium-space-vertical-2x { margin-top: 30px; } .sls-main-content .medium-space-right-2x, .sls-main-content .medium-space-horizontal-2x { margin-right: 30px; } .sls-main-content .medium-space-bottom-2x, .sls-main-content .medium-space-vertical-2x { margin-bottom: 30px; } .sls-main-content .medium-space-left-2x, .sls-main-content .medium-space-horizontal-2x { margin-left: 30px; } .sls-main-content .medium-space-3x { margin: 45px; } .sls-main-content .medium-space-top-3x, .sls-main-content .medium-space-vertical-3x { margin-top: 45px; } .sls-main-content .medium-space-right-3x, .sls-main-content .medium-space-horizontal-3x { margin-right: 45px; } .sls-main-content .medium-space-bottom-3x, .sls-main-content .medium-space-vertical-3x { margin-bottom: 45px; } .sls-main-content .medium-space-left-3x, .sls-main-content .medium-space-horizontal-3x { margin-left: 45px; } .sls-main-content .medium-space-4x { margin: 60px; } .sls-main-content .medium-space-top-4x, .sls-main-content .medium-space-vertical-4x { margin-top: 60px; } .sls-main-content .medium-space-right-4x, .sls-main-content .medium-space-horizontal-4x { margin-right: 60px; } .sls-main-content .medium-space-bottom-4x, .sls-main-content .medium-space-vertical-4x { margin-bottom: 60px; } .sls-main-content .medium-space-left-4x, .sls-main-content .medium-space-horizontal-4x { margin-left: 60px; } .sls-main-content .medium-pad { padding: 15px; } .sls-main-content .medium-pad-top, .sls-main-content .medium-pad-vertical { padding-top: 15px; } .sls-main-content .medium-pad-right, .sls-main-content .medium-pad-horizontal { padding-right: 15px; } .sls-main-content .medium-pad-bottom, .sls-main-content .medium-pad-vertical { padding-bottom: 15px; } .sls-main-content .medium-pad-left, .sls-main-content .medium-pad-horizontal { padding-left: 15px; } .sls-main-content .medium-pad-2x { padding: 30px; } .sls-main-content .medium-pad-top-2x, .sls-main-content .medium-pad-vertical-2x { padding-top: 30px; } .sls-main-content .medium-pad-right-2x, .sls-main-content .medium-pad-horizontal-2x { padding-right: 30px; } .sls-main-content .medium-pad-bottom-2x, .sls-main-content .medium-pad-vertical-2x { padding-bottom: 30px; } .sls-main-content .medium-pad-left-2x, .sls-main-content .medium-pad-horizontal-2x { padding-left: 30px; } .sls-main-content .medium-pad-3x { padding: 45px; } .sls-main-content .medium-pad-top-3x, .sls-main-content .medium-pad-vertical-3x { padding-top: 45px; } .sls-main-content .medium-pad-right-3x, .sls-main-content .medium-pad-horizontal-3x { padding-right: 45px; } .sls-main-content .medium-pad-bottom-3x, .sls-main-content .medium-pad-vertical-3x { padding-bottom: 45px; } .sls-main-content .medium-pad-left-3x, .sls-main-content .medium-pad-horizontal-3x { padding-left: 45px; } .sls-main-content .medium-pad-4x { padding: 60px; } .sls-main-content .medium-pad-top-4x, .sls-main-content .medium-pad-vertical-4x { padding-top: 60px; } .sls-main-content .medium-pad-right-4x, .sls-main-content .medium-pad-horizontal-4x { padding-right: 60px; } .sls-main-content .medium-pad-bottom-4x, .sls-main-content .medium-pad-vertical-4x { padding-bottom: 60px; } .sls-main-content .medium-pad-left-4x, .sls-main-content .medium-pad-horizontal-4x { padding-left: 60px; } .sls-main-content .medium-float-left { float: left; } .sls-main-content .medium-float-right { float: right; } .sls-main-content .medium-text-left { text-align: left; } .sls-main-content .medium-text-right { text-align: right; } .sls-main-content .medium-text-center { text-align: center; } } @media only screen and (min-width: 64.063em) { .sls-main-content .large-space-half { margin: 7px; } .sls-main-content .large-space-top-half, .sls-main-content .large-space-vertical-half { margin-top: 7px; } .sls-main-content .large-space-right-half, .sls-main-content .large-space-horizontal-half { margin-right: 7px; } .sls-main-content .large-space-bottom-half, .sls-main-content .large-space-vertical-half { margin-bottom: 7px; } .sls-main-content .large-space-left-half, .sls-main-content .large-space-horizontal-half { margin-left: 7px; } .sls-main-content .large-space { margin: 15px; } .sls-main-content .large-space-top, .sls-main-content .large-space-vertical { margin-top: 15px; } .sls-main-content .large-space-right, .sls-main-content .large-space-horizontal { margin-right: 15px; } .sls-main-content .large-space-bottom, .sls-main-content .large-space-vertical { margin-bottom: 15px; } .sls-main-content .large-space-left, .sls-main-content .large-space-horizontal { margin-left: 15px; } .sls-main-content .large-space-2x { margin: 30px; } .sls-main-content .large-space-top-2x, .sls-main-content .large-space-vertical-2x { margin-top: 30px; } .sls-main-content .large-space-right-2x, .sls-main-content .large-space-horizontal-2x { margin-right: 30px; } .sls-main-content .large-space-bottom-2x, .sls-main-content .large-space-vertical-2x { margin-bottom: 30px; } .sls-main-content .large-space-left-2x, .sls-main-content .large-space-horizontal-2x { margin-left: 30px; } .sls-main-content .large-space-3x { margin: 45px; } .sls-main-content .large-space-top-3x, .sls-main-content .large-space-vertical-3x { margin-top: 45px; } .sls-main-content .large-space-right-3x, .sls-main-content .large-space-horizontal-3x { margin-right: 45px; } .sls-main-content .large-space-bottom-3x, .sls-main-content .large-space-vertical-3x { margin-bottom: 45px; } .sls-main-content .large-space-left-3x, .sls-main-content .large-space-horizontal-3x { margin-left: 45px; } .sls-main-content .large-space-4x { margin: 60px; } .sls-main-content .large-space-top-4x, .sls-main-content .large-space-vertical-4x { margin-top: 60px; } .sls-main-content .large-space-right-4x, .sls-main-content .large-space-horizontal-4x { margin-right: 60px; } .sls-main-content .large-space-bottom-4x, .sls-main-content .large-space-vertical-4x { margin-bottom: 60px; } .sls-main-content .large-space-left-4x, .sls-main-content .large-space-horizontal-4x { margin-left: 60px; } .sls-main-content .large-pad { padding: 15px; } .sls-main-content .large-pad-top, .sls-main-content .large-pad-vertical { padding-top: 15px; } .sls-main-content .large-pad-right, .sls-main-content .large-pad-horizontal { padding-right: 15px; } .sls-main-content .large-pad-bottom, .sls-main-content .large-pad-vertical { padding-bottom: 15px; } .sls-main-content .large-pad-left, .sls-main-content .large-pad-horizontal { padding-left: 15px; } .sls-main-content .large-pad-2x { padding: 30px; } .sls-main-content .large-pad-top-2x, .sls-main-content .large-pad-vertical-2x { padding-top: 30px; } .sls-main-content .large-pad-right-2x, .sls-main-content .large-pad-horizontal-2x { padding-right: 30px; } .sls-main-content .large-pad-bottom-2x, .sls-main-content .large-pad-vertical-2x { padding-bottom: 30px; } .sls-main-content .large-pad-left-2x, .sls-main-content .large-pad-horizontal-2x { padding-left: 30px; } .sls-main-content .large-pad-3x { padding: 45px; } .sls-main-content .large-pad-top-3x, .sls-main-content .large-pad-vertical-3x { padding-top: 45px; } .sls-main-content .large-pad-right-3x, .sls-main-content .large-pad-horizontal-3x { padding-right: 45px; } .sls-main-content .large-pad-bottom-3x, .sls-main-content .large-pad-vertical-3x { padding-bottom: 45px; } .sls-main-content .large-pad-left-3x, .sls-main-content .large-pad-horizontal-3x { padding-left: 45px; } .sls-main-content .large-pad-4x { padding: 60px; } .sls-main-content .large-pad-top-4x, .sls-main-content .large-pad-vertical-4x { padding-top: 60px; } .sls-main-content .large-pad-right-4x, .sls-main-content .large-pad-horizontal-4x { padding-right: 60px; } .sls-main-content .large-pad-bottom-4x, .sls-main-content .large-pad-vertical-4x { padding-bottom: 60px; } .sls-main-content .large-pad-left-4x, .sls-main-content .large-pad-horizontal-4x { padding-left: 60px; } .sls-main-content .large-pad-left-4x, .sls-main-content .large-pad-horizontal-4x { padding-left: 60px; } .sls-main-content .large-float-left { float: left; } .sls-main-content .large-float-right { float: right; } .sls-main-content .large-text-left { text-align: left; } .sls-main-content .large-text-right { text-align: right; } .sls-main-content .large-text-center { text-align: center; } } .sls-main-content .no-border { border: 0; } .sls-main-content .no-space { margin: 0; } .sls-main-content .no-space-top, .sls-main-content .no-space-vertical { margin-top: 0; } .sls-main-content .no-space-right, .sls-main-content .no-space-horizontal { margin-right: 0; } .sls-main-content .no-space-bottom, .sls-main-content .no-space-vertical { margin-bottom: 0; } .sls-main-content .no-space-left, .sls-main-content .no-space-horizontal { margin-left: 0; } .sls-main-content .no-pad { padding: 0; } .sls-main-content .no-pad-top, .sls-main-content .no-pad-vertical { padding-top: 0; } .sls-main-content .no-pad-right, .sls-main-content .no-pad-horizontal { padding-right: 0; } .sls-main-content .no-pad-bottom, .sls-main-content .no-pad-vertical { padding-bottom: 0; } .sls-main-content .no-pad-left, .sls-main-content .no-pad-horizontal { padding-left: 0; } .sls-main-content .no-round { border-radius: 0; } .sls-main-content .no-underline { text-decoration: none; } .sls-main-content .no-float { float: none; } .sls-main-content .hidden-accessible { width: 0; height: 0; position: absolute; clip: rect(0,0,0,0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0; } .sls-main-content .no-transition { -webkit-transition: none !important; -moz-transition: none !important; -o-transition: none !important; transition: none !important; } #logosContent{ min-height:600px; } .sls_metro_layout .item--alt-layout .item__expandable-contents-toggler:after { display:none; } .sls_metro_layout .sls-main-content .sls-row .sls-row{ margin-left:0px !important; margin-right:0px !important; } .sls_metro_layout .section--padded-half{ padding-top: 0px !important; padding-bottom: 0px !important; } .sls_metro_layout .sls-column{ padding: 0px !important; } .sls_metro_layout.sls-main-content .sls-row .sls-row{ margin-left: 0px !important; margin-right: 0px !important; } .sls_metro_layout .item { margin-bottom: 0px; } .sls_metro_layout .item--alt-layout { border: none !important; } .sls_metro_layout .sls-column .item--alt-layout.is-toggled .item__expandable-contents.item__expandable-contents{ margin-top: 0px !important; } .sls_metro_layout #filterCategories input { position: absolute !important; clip: rect(0, 0, 0, 0); height: 1px; width: 1px; border: 0; overflow: hidden; } .sls_metro_layout #filterCategories label { } .sls_metro_layout #sls-category-list{ text-align: center; } .sls_metro_layout #filterCategories .space-top{ margin-top: 0px !important; } .sls_metro_layout #filterCategories label { display: inline-block; background-color: #e5e5e5; color: #fff; font-size: 14px; font-weight: normal; text-align: center; text-shadow: none; padding: 6px 14px; margin-left: 2px; margin-right: 2px; margin-top:4px; } .sls_metro_layout #filterCategories label.sls-active{ background-color: #c9c9c9; } .sls_metro_layout #filterCategories label:hover { cursor: pointer; } .sls_metro_layout #filterCategories label input:checked { background-color: #A5DC86; -webkit-box-shadow: none; box-shadow: none; } @media only screen and (max-width: 40.063em) { .sls_metro_layout #filterCategories label { width:100%; margin-top:3px; } } .bglayoutcls{ background-size: cover; background-position: center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }