IMG.Logo { display: block; margin: 0 auto 15px auto; } H1 { padding: 0 0 20px 0; } H2 { font-size: 20px; font-weight: 500; margin: 40px 0 0 0; } #Links { margin-bottom: 50px; text-align: center; transform: skewX(-11.6deg); } #Links A { display: inline-block; position: relative; margin: 0 20px; padding-right: 20px; text-decoration: none; } #Links A[target="_blank"]:after { display: block; position: absolute; right: 0px; top: 3px; width: 12px; height: 12px; background: url(/i/icons.210255569.svg#newwin); content: ""; opacity: .25; } #Links A[target="_blank"]:hover:after { opacity: 1; } @media screen and (min-width: 981px) { #Links A.Cat { margin-left: 12px; padding: 6px 9px 6px 32px; font-size: 14px; font-weight: 500; text-decoration: none; color: #FFF; background: #C41230; border-radius: 2px; border-left: 4px solid #333; } #Content { padding-bottom: 90px; } #Content UL { margin-top: 30px; column-count: 3; -moz-column-count: 3; column-gap: 10px; list-style: none; } #Content LI { display: inline-block; width: 100%; margin-bottom: 10px; } #Content LI A { display: block; position: relative; padding: 0px 10px 0px 20px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; text-decoration: none; } #Content LI A:before { display: block; position: absolute; top: 0px; left: 0px; width: 16px; height: 18px; background: url(/i/icons.210255569.svg#pdf) no-repeat; background-size: contain; content: ""; } .BrandInfo { margin-bottom: 40px; line-height: 1.25; } .BrandInfo P { margin-bottom: 20px; } .BrandInfo B { font-weight: 500; } .BrandInfo .video { position: relative; height: 0; margin-bottom: 40px; padding-top: 56.25%; width:100%; } .BrandInfo .video IFRAME { position: absolute; top: 0; left: 0; border: 0; width: 100%; height: 100%; } .List TD:nth-child(3) { display: none; } .dataTables_paginate { padding-top: 40px; text-align: center; } .paginate_button { position: relative; box-sizing: border-box; display: inline-block; min-width: 55px; padding: 6px 10px; margin: 0 4px; font-size: 13px; text-align: center; cursor: pointer; color: #000 !important; outline: none; } .paginate_button:before { position: absolute; z-index: -1; width: 100%; height: 100%; left: 0; top: 0; background: #E3E3E3; content: ""; transform: skewX(-11.6deg); } .paginate_button.current { color: #FFF !important; } .paginate_button.current:before { background-color: #C41230; } .paginate_button.disabled, .paginate_button.disabled:hover, .paginate_button.disabled:active { cursor: default; color: #CCC !important; } .dataTables_wrapper:after { content: ""; display: table; clear: both; } .ellipsis { color: #CCC; font-size: 14px; } } @media screen and (max-width: 980px) { #Content { padding: 60px 30px !important; } #DataTables_Table_0_wrapper { margin: 30px -30px 0 -30px; } #Welcome { margin: 30px 0; } .BrandInfo { line-height: 1.25; } .BrandInfo P { margin-bottom: 20px; } .BrandInfo B { font-weight: 500; } .BrandInfo IFRAME { display: none; } H1 { padding: 0 30px; line-height: 1.1; } H2 { font-size: 36px; margin: 50px 0 20px 0; text-align: center; } #Content LI { display: inline-block; width: 100%; margin-bottom: 2px; overflow: hidden; list-style: none; } #Content LI + LI { border-top: 1px solid #CCC; } #Content LI A { display: block; position: relative; padding: 20px 20px 20px 48px; text-decoration: none; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } #Content LI A:before { display: block; position: absolute; top: 20px; left: 0; width: 32px; height: 42px; background: url(/i/icons.210255569.svg#pdf) no-repeat; background-size: contain; content: ""; } .dataTables_paginate { padding-top: 40px; text-align: center; } .paginate_button { position: relative; box-sizing: border-box; display: inline-block; min-width1: 100px; padding: 12px 20px; margin: 0 8px; font-size: 22px; text-align: center; color: #000 !important; outline: none; } .paginate_button:before { position: absolute; z-index: -1; width: 100%; height: 100%; left: 0; top: 0; background: #E3E3E3; content: ""; transform: skewX(-11.6deg); } .paginate_button.current { color: #FFF !important; } .paginate_button.current:before { background-color: #C41230; } .paginate_button.disabled, .paginate_button.disabled:hover, .paginate_button.disabled:active { cursor: default; color: #CCC !important; } .dataTables_wrapper:after { content: ""; display: table; clear: both; } .ellipsis { color: #999; } #Links { transform: none; } #Links A { padding-right: 30px; } #Links A[target="_blank"]:after { top: 6px; width: 20px; height: 20px; opacity: .5; } #Links A.Cat { display: block; margin: 20px 0; padding: 15px; font-size: 28px; font-weight: 500; text-decoration: none; color: #FFF; background: #C41230; border-radius: 2px; } }