body { font-size: 0.8em; font-family: Arial, Helvetica, sans-serif; background-color: rgb(255, 255, 255); } #wrapper { width: 980px; margin: 0px auto; text-align: left; position: relative; background-color: rgb(255, 255, 255); border-bottom: 10px solid rgb(255, 255, 255); border-left: 10px solid rgb(255, 255, 255); border-right: 10px solid rgb(255, 255, 255); } #content { width: 100%; } .content h2, .content h3, a, #sidebar h2, .prod_dept dt, .client_text_colour { color: rgb(237, 28, 36); } #sidebar h2 { font-size: 24px; font-family: Serifa, Arial, Helvetica, sans-serif; font-weight: normal; color: rgb(237, 28, 36); } a.button_1, img.btn_search, #sidebar li a:hover { background-color: rgb(204, 0, 42); } .sub a { background-color: rgb(239, 244, 248); } #header { position: relative; } #wrapper #footer { padding: 0px; } #header table { border-collapse: collapse; } #header table tr td { padding: 0px; border: 0px; overflow: hidden; } #header table tr td a { background: none; padding: 0px; border: 0px; } #header table tr td a img { position: relative; display: block; width: 163.333px; height: 102px; transition: 0.5s; } #header table tr td a:hover img { z-index: 1; transform: scale(1.05); } #header *, #footer * { box-sizing: border-box; } body { font-family: source_sans_proregular, arial, sans-serif; } body { font-size: 16px; line-height: 24px; -webkit-font-smoothing: antialiased; font-family: source_sans_proregular, arial, sans-serif; color: rgb(85, 85, 85); background: rgb(255, 255, 255); } img { max-width: 100%; } h1, h2, h3, #sidebar h2 { -webkit-font-smoothing: antialiased; font-family: tex_gyre_adventorbold, arial, sans-serif; color: rgb(36, 42, 52); margin-top: 0px; margin-bottom: 15px; } h3 a { font-family: tex_gyre_adventorbold, arial, sans-serif; } h4 { font-family: source_sans_probold, arial, sans-serif; color: rgb(85, 85, 85); } .content h2, .content h3, a, #sidebar h2, .prod_dept dt, .client_text_colour { color: rgb(51, 51, 51); } .content li { font-size: 0.8em !important; } p, ul li { font-size: 12px; line-height: 15px; } ul { list-style: disc; } .container { margin-left: auto; margin-right: auto; width: 100%; padding-left: 15px; padding-right: 15px; box-sizing: border-box; } .container .row { margin: 0px 15px; } .content h3 a:active, .content h3 a:link, .content h3 a:visited { text-decoration: none; color: rgb(177, 4, 94); } .content li a:active, .content li a:link, .content li a:visited, .content p a:active, .content p a:link { text-decoration: none; color: rgb(177, 4, 94); border-bottom: 0px solid transparent; } #header .container { max-width: none; padding: 0px; } #footer .container { max-width: 920px; } a { text-decoration: none; } #footer footer { background-color: rgb(26, 26, 26); color: rgb(255, 255, 255); overflow: hidden; z-index: 99999; position: relative; } #footer footer h4 { font-size: 20px; line-height: 28px; color: rgb(255, 255, 255); margin: 0px; font-family: tex_gyre_adventorbold, arial, sans-serif; } #footer footer ul { list-style: none; margin: 20px 0px; padding: 0px; } #footer footer ul li a { color: rgb(255, 255, 255); background: none; font-family: source_sans_proregular, arial, sans-serif; } #footer footer ul li a:hover { color: rgb(60, 171, 164); text-decoration: none; } #footer footer .f-top, footer .f-bottom { position: relative; } #footer footer .f-top { padding: 30px 0px 60px; } #footer footer .f-top .row { margin: 0px -15px; } #footer footer .f-top .column1 { width: 25%; float: left; position: relative; padding-left: 15px; padding-right: 15px; box-sizing: border-box; display: block; } #footer footer .f-top .column2 { width: 25%; float: left; position: relative; padding-left: 15px; padding-right: 15px; box-sizing: border-box; display: block; } #footer footer .f-top .column3 { width: 25%; float: left; position: relative; padding-left: 15px; padding-right: 15px; box-sizing: border-box; display: block; } #footer footer .f-top .column1 ul li { border-left: none; padding-left: 0px; margin-left: 0px; display: block; font-size: 16px; } #footer footer .f-top .column2 ul li { border-left: none; padding-left: 0px; margin-left: 0px; display: block; font-size: 16px; } #footer footer .f-top .column3 ul li { border-left: none; padding-left: 0px; margin-left: 0px; display: block; font-size: 16px; } #footer footer .f-top .column4 ul li { border-left: none; padding-left: 0px; margin-left: 0px; display: block; font-size: 16px; } #footer footer .f-top .address { width: 100%; position: relative; padding-left: 15px; padding-right: 15px; box-sizing: border-box; } @media (min-width: 500px) { #footer footer .f-top .address { width: 100%; } } @media (min-width: 768px) { #footer footer .f-top .address { width: 100%; } } #footer footer .f-top .address svg { margin-left: 18px; fill: rgb(255, 255, 255) !important; width: 270px !important; height: 67px !important; } #footer footer .f-top .address address, footer .f-top .address p { display: none; font-style: normal; margin: 0px; } #footer footer .f-bottom { padding-bottom: 30px; } #footer footer .f-bottom .bottom-left { position: relative; } #footer footer .f-bottom .bottom-left ul { margin: 0px; } #footer footer .f-bottom .bottom-left ul li { font-size: 13px; line-height: 14px; display: inline-block; margin-right: 15px; padding-right: 15px; border-right: 2px solid rgb(255, 255, 255); border-left: none; padding-left: 0px; } #footer footer .f-bottom .bottom-left ul li:first-child { width: 100%; border-right: none; margin-bottom: 5px; } #footer footer .f-bottom .bottom-left ul li:last-child { border-right: none; } #footer footer .f-bottom .bottom-left small { font-size: 13px; line-height: 14px; } #footer footer .f-bottom .bottom-left small p { font-size: 13px; line-height: 14px; margin: 0px; } #footer footer .f-bottom .bottom-right { position: relative; z-index: 5; } #footer footer .f-bottom .bottom-right ul li { margin: 0px 15px 10px 0px; display: inline-block; border-left: none; padding-left: 0px; } #footer footer .f-bottom .bottom-right ul li a { font-size: 18px; line-height: 30px; } #footer footer .f-bottom .bottom-right ul li a .fa { transition: 0.2s ease-in-out; backface-visibility: hidden; transform: translateZ(0px); width: 30px; height: 30px; border-radius: 15px; display: block; text-align: center; } #footer footer .f-bottom .bottom-right ul li:last-child { margin-right: 0px; } @media (min-width: 768px) { #footer footer .f-bottom .bottom-left ul li:first-child { width: auto; border-right: 2px solid rgb(255, 255, 255); border-left: none; padding-left: 0px; } } #footer footer .f-bottom .bottom-right ul li a .fa-linkedin-square { font-size: 16px; line-height: 30px; } #footer footer .f-bottom .bottom-right ul li a .fa-facebook-official { font-size: 16px; line-height: 30px; } #footer footer .f-bottom .bottom-right ul li a .fa-instagram { font-size: 18px; line-height: 31px; color: rgb(255, 255, 255); } #footer footer .f-bottom .bottom-right ul li a .fa-youtube-play { font-size: 16px; line-height: 30px; } #footer footer .f-bottom .bottom-right ul li a .fa-flickr { font-size: 16px; line-height: 30px; } #footer footer .f-bottom .bottom-right ul li a:hover { color: rgb(255, 255, 255); } footer .f-bottom .bottom-right ul li a .fa { background-size: 120%; background-repeat: no-repeat; background-position: center center; } footer .f-bottom .bottom-right ul li a .fa { background-size: 120%; background-repeat: no-repeat; background-position: center center; } footer .f-bottom .bottom-right ul li a .fa-twitter { background-image: url("//cdn.wpmeducation.com/53544f/4ea91cca7b/050A-28B7-43DA-BA44-5664.png"); } footer .f-bottom .bottom-right ul li a .fa-linkedin-square { background-image: url("//cdn.wpmeducation.com/53544f/4ea91cca7b/BA77-4DDF-4200-86E9-5E79.png"); } footer .f-bottom .bottom-right ul li a .fa-facebook-official { background-image: url("//cdn.wpmeducation.com/53544f/4ea91cca7b/6FCE-4048-49D2-82C1-58D0.png"); } footer .f-bottom .bottom-right ul li a .fa-instagram { background-image: url("//cdn.wpmeducation.com/53544f/4ea91cca7b/77E8-AD20-4B50-81A7-D80B.jpeg"); } footer .f-bottom .bottom-right ul li a .fa-youtube-play { background-image: url("//cdn.wpmeducation.com/53544f/4ea91cca7b/CDEC-9E4E-4136-8849-5DEA.png"); } footer .f-bottom .bottom-right ul li a .fa-google-plus { background-image: url("//cdn.wpmeducation.com/53544f/4ea91cca7b/4D2A-1FD4-4EBB-8B99-5E97.png"); } footer .f-bottom .bottom-right ul li a .fa-flickr { background-image: url("//cdn.wpmeducation.com/53544f/4ea91cca7b/4D7E-F76A-4092-B331-3FF6.png"); } footer .f-bottom .bottom-right ul li a .fa-vimeo { background-image: url("//cdn.wpmeducation.com/53544f/4ea91cca7b/9691-ED31-423C-A146-C79B.png"); } footer .f-bottom .bottom-right ul li a .fa-skype { background-image: url("//cdn.wpmeducation.com/53544f/4ea91cca7b/0D47-721C-417E-B48E-B757.png"); } #header header { position: fixed; transition: background 0.3s ease-in-out, padding 0.3s ease-in-out; top: 0px; width: 100%; z-index: 9999; padding: 20px 0px; border-bottom: 1px solid transparent; } #header header.stripped { background: rgb(255, 255, 255); padding: 5px 0px; } #header header.stripped .container .h-logo a { width: 150px; margin-top: 10px; } #header header.stripped .container .h-logo svg { transform: scale(0.71); fill: rgb(26, 26, 26); } #header header.stripped .container .n-main > ul > li > a { color: rgb(26, 26, 26); z-index: 9999; } #header header.stripped .container .n-main > ul > li > a::before { margin-top: 4px; } #header header.stripped { position: relative; padding: 70px 0px; } #header header.stripped .container .h-logo { width: 210px; } #header header.stripped .container .h-logo svg { transform: scale(1); } #header header .container { position: relative; } #header header .h-logo { float: left; position: relative; z-index: 20; } #header header .h-logo a { background: none; float: left; padding: 0px; width: 210px; height: 60px; } #header header .h-logo a svg { transition: 0.3s ease-in-out; display: block; width: 210px; height: 60px; fill: rgb(255, 255, 255); transform: scale(1); } nav.n-main { transition: 0.3s ease-in-out; float: right; } nav.n-main ul { list-style: none; margin: 25px 0px 0px; } nav.n-main ul::after { content: ""; height: 0px; clear: both; display: block; visibility: hidden; } nav.n-main ul li { float: left; margin-right: 30px; } nav.n-main ul li a { font-size: 20px; line-height: 28px; -webkit-font-smoothing: antialiased; color: rgb(255, 255, 255); background: linear-gradient(to right, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 100%) left 85% / 0px 1px no-repeat; padding-bottom: 2px; } #footer footer .f-bottom .bottom-right ul li a { border-radius: 50%; overflow: hidden; display: inline-block; width: 32px; height: 32px; }