/* Start:/local/templates/hytest/fonts/sanchez.min.css?17367639149488*/ @font-face{font-family:"Sanchez";font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/sanchez/v15/Ycm2sZJORluHnXbIfmdR_T4HxlzAkw.woff2)format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Sanchez";font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/sanchez/v15/Ycm2sZJORluHnXbIfmlR_T4Hxlw.woff2)format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Source Sans Pro";font-style:normal;font-weight:200;font-display:swap;src:url(https://fonts.gstatic.com/s/sourcesanspro/v22/6xKydSBYKcSV-LCoeQqfX1RYOo3i94_wmhdu3cOWxy40.woff2)format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Source Sans Pro";font-style:normal;font-weight:200;font-display:swap;src:url(https://fonts.gstatic.com/s/sourcesanspro/v22/6xKydSBYKcSV-LCoeQqfX1RYOo3i94_wkxdu3cOWxy40.woff2)format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:"Source Sans Pro";font-style:normal;font-weight:200;font-display:swap;src:url(https://fonts.gstatic.com/s/sourcesanspro/v22/6xKydSBYKcSV-LCoeQqfX1RYOo3i94_wmxdu3cOWxy40.woff2)format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:"Source Sans Pro";font-style:normal;font-weight:200;font-display:swap;src:url(https://fonts.gstatic.com/s/sourcesanspro/v22/6xKydSBYKcSV-LCoeQqfX1RYOo3i94_wlBdu3cOWxy40.woff2)format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:"Source Sans Pro";font-style:normal;font-weight:200;font-display:swap;src:url(https://fonts.gstatic.com/s/sourcesanspro/v22/6xKydSBYKcSV-LCoeQqfX1RYOo3i94_wmBdu3cOWxy40.woff2)format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Source Sans Pro";font-style:normal;font-weight:200;font-display:swap;src:url(https://fonts.gstatic.com/s/sourcesanspro/v22/6xKydSBYKcSV-LCoeQqfX1RYOo3i94_wmRdu3cOWxy40.woff2)format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Source Sans Pro";font-style:normal;font-weight:200;font-display:swap;src:url(https://fonts.gstatic.com/s/sourcesanspro/v22/6xKydSBYKcSV-LCoeQqfX1RYOo3i94_wlxdu3cOWxw.woff2)format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Source Sans Pro";font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/sourcesanspro/v22/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwmhdu3cOWxy40.woff2)format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Source Sans Pro";font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/sourcesanspro/v22/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwkxdu3cOWxy40.woff2)format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:"Source Sans Pro";font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/sourcesanspro/v22/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwmxdu3cOWxy40.woff2)format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:"Source Sans Pro";font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/sourcesanspro/v22/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwlBdu3cOWxy40.woff2)format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:"Source Sans Pro";font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/sourcesanspro/v22/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwmBdu3cOWxy40.woff2)format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Source Sans Pro";font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/sourcesanspro/v22/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwmRdu3cOWxy40.woff2)format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Source Sans Pro";font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/sourcesanspro/v22/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwlxdu3cOWxw.woff2)format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Source Sans Pro";font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/sourcesanspro/v22/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNa7lujVj9_mf.woff2)format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Source Sans Pro";font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/sourcesanspro/v22/6xK3dSBYKcSV-LCoeQqfX1RYOo3qPK7lujVj9_mf.woff2)format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:"Source Sans Pro";font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/sourcesanspro/v22/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNK7lujVj9_mf.woff2)format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:"Source Sans Pro";font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/sourcesanspro/v22/6xK3dSBYKcSV-LCoeQqfX1RYOo3qO67lujVj9_mf.woff2)format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:"Source Sans Pro";font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/sourcesanspro/v22/6xK3dSBYKcSV-LCoeQqfX1RYOo3qN67lujVj9_mf.woff2)format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Source Sans Pro";font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/sourcesanspro/v22/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNq7lujVj9_mf.woff2)format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Source Sans Pro";font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/sourcesanspro/v22/6xK3dSBYKcSV-LCoeQqfX1RYOo3qOK7lujVj9w.woff2)format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Source Sans Pro";font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/sourcesanspro/v22/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmhdu3cOWxy40.woff2)format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Source Sans Pro";font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/sourcesanspro/v22/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwkxdu3cOWxy40.woff2)format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:"Source Sans Pro";font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/sourcesanspro/v22/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmxdu3cOWxy40.woff2)format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:"Source Sans Pro";font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/sourcesanspro/v22/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwlBdu3cOWxy40.woff2)format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:"Source Sans Pro";font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/sourcesanspro/v22/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmBdu3cOWxy40.woff2)format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Source Sans Pro";font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/sourcesanspro/v22/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmRdu3cOWxy40.woff2)format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Source Sans Pro";font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/sourcesanspro/v22/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwlxdu3cOWxw.woff2)format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} /* End */ /* Start:/local/templates/hytest/fonts/poppins.min.css?173676391412335*/ @font-face{font-family:"Poppins";font-style:italic;font-weight:100;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v21/pxiAyp8kv8JHgFVrJJLmE0tMMPKhSkFEkm8.woff2)format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Poppins";font-style:italic;font-weight:100;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v21/pxiAyp8kv8JHgFVrJJLmE0tCMPKhSkFE.woff2)format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Poppins";font-style:italic;font-weight:200;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v21/pxiDyp8kv8JHgFVrJJLmv1pVGdeOYktMqlap.woff2)format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Poppins";font-style:italic;font-weight:200;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v21/pxiDyp8kv8JHgFVrJJLmv1pVF9eOYktMqg.woff2)format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Poppins";font-style:italic;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v21/pxiDyp8kv8JHgFVrJJLm21lVGdeOYktMqlap.woff2)format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Poppins";font-style:italic;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v21/pxiDyp8kv8JHgFVrJJLm21lVF9eOYktMqg.woff2)format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Poppins";font-style:italic;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v21/pxiGyp8kv8JHgFVrJJLufntAOvWDSHFF.woff2)format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Poppins";font-style:italic;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v21/pxiGyp8kv8JHgFVrJJLucHtAOvWDSA.woff2)format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Poppins";font-style:italic;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v21/pxiDyp8kv8JHgFVrJJLmg1hVGdeOYktMqlap.woff2)format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Poppins";font-style:italic;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v21/pxiDyp8kv8JHgFVrJJLmg1hVF9eOYktMqg.woff2)format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Poppins";font-style:italic;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v21/pxiDyp8kv8JHgFVrJJLmr19VGdeOYktMqlap.woff2)format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Poppins";font-style:italic;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v21/pxiDyp8kv8JHgFVrJJLmr19VF9eOYktMqg.woff2)format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Poppins";font-style:italic;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v21/pxiDyp8kv8JHgFVrJJLmy15VGdeOYktMqlap.woff2)format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Poppins";font-style:italic;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v21/pxiDyp8kv8JHgFVrJJLmy15VF9eOYktMqg.woff2)format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Poppins";font-style:italic;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v21/pxiDyp8kv8JHgFVrJJLm111VGdeOYktMqlap.woff2)format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Poppins";font-style:italic;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v21/pxiDyp8kv8JHgFVrJJLm111VF9eOYktMqg.woff2)format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Poppins";font-style:italic;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v21/pxiDyp8kv8JHgFVrJJLm81xVGdeOYktMqlap.woff2)format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Poppins";font-style:italic;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v21/pxiDyp8kv8JHgFVrJJLm81xVF9eOYktMqg.woff2)format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Poppins";font-style:normal;font-weight:100;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v21/pxiGyp8kv8JHgFVrLPTufntAOvWDSHFF.woff2)format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Poppins";font-style:normal;font-weight:100;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v21/pxiGyp8kv8JHgFVrLPTucHtAOvWDSA.woff2)format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Poppins";font-style:normal;font-weight:200;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLFj_Z1JlFd2JQEl8qw.woff2)format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Poppins";font-style:normal;font-weight:200;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLFj_Z1xlFd2JQEk.woff2)format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Poppins";font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLDz8Z1JlFd2JQEl8qw.woff2)format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Poppins";font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLDz8Z1xlFd2JQEk.woff2)format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Poppins";font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v21/pxiEyp8kv8JHgFVrJJnecnFHGPezSQ.woff2)format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Poppins";font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v21/pxiEyp8kv8JHgFVrJJfecnFHGPc.woff2)format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Poppins";font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLGT9Z1JlFd2JQEl8qw.woff2)format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Poppins";font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLGT9Z1xlFd2JQEk.woff2)format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Poppins";font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLEj6Z1JlFd2JQEl8qw.woff2)format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Poppins";font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLEj6Z1xlFd2JQEk.woff2)format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Poppins";font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLCz7Z1JlFd2JQEl8qw.woff2)format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Poppins";font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLCz7Z1xlFd2JQEk.woff2)format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Poppins";font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLDD4Z1JlFd2JQEl8qw.woff2)format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Poppins";font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLDD4Z1xlFd2JQEk.woff2)format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Poppins";font-style:normal;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLBT5Z1JlFd2JQEl8qw.woff2)format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Poppins";font-style:normal;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLBT5Z1xlFd2JQEk.woff2)format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} /* End */ /* Start:/local/templates/hytest/css/rubik.min.css?1736763914202*/ @font-face{font-family:"Rubik";src:local("Rubik"),local("Rubik-Regular"),url(/local/templates/hytest/css/Rubik.woff2)format("woff2"),url(/local/templates/hytest/css/Rubik.woff)format("woff"),url(/local/templates/hytest/css/Rubik.ttf)format("truetype");font-weight:400;font-style:normal} /* End */ /* Start:/local/templates/hytest/css/style.css?1780318099157330*/ .clearfix::after { content: ''; display: table; clear: both } .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px } .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto } /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ html { line-height: 1.15; -webkit-text-size-adjust: 100% } body { margin: 0 } main { display: block } h1 { font-size: 2em; margin: 0.67em 0 } hr { box-sizing: content-box; height: 0; overflow: visible } pre { font-family: monospace, monospace; font-size: 1em } a { background-color: transparent } abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted } b, strong { font-weight: bolder } code, kbd, samp { font-family: monospace, monospace; font-size: 1em } small { font-size: 80% } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sub { bottom: -0.25em } sup { top: -0.5em } img { border-style: none } button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0 } button, input { overflow: visible } button, select { text-transform: none } button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0 } button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText } fieldset { padding: 0.35em 0.75em 0.625em } legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal } progress { vertical-align: baseline } textarea { overflow: auto } [type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0 } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto } [type="search"] { -webkit-appearance: textfield; outline-offset: -2px } [type="search"]::-webkit-search-decoration { -webkit-appearance: none } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit } details { display: block } summary { display: list-item } template { display: none } [hidden] { display: none } .m-0 { margin: 0 } .m-1 { margin: 8px } .m-2 { margin: 16px } .m-3 { margin: 24px } .m-4 { margin: 32px } .m-5 { margin: 40px } .m-6 { margin: 48px } .m-7 { margin: 56px } .m-8 { margin: 64px } .my-0 { margin-top: 0; margin-bottom: 0 } .my-1 { margin-top: 8px; margin-bottom: 8px } .my-2 { margin-top: 16px; margin-bottom: 16px } .my-3 { margin-top: 24px; margin-bottom: 24px } .my-4 { margin-top: 32px; margin-bottom: 32px } .my-5 { margin-top: 40px; margin-bottom: 40px } .my-6 { margin-top: 48px; margin-bottom: 48px } .my-7 { margin-top: 56px; margin-bottom: 56px } .my-8 { margin-top: 64px; margin-bottom: 64px } .mx-0 { margin-right: 0; margin-left: 0 } .mx-1 { margin-right: 8px; margin-left: 8px } .mx-2 { margin-right: 16px; margin-left: 16px } .mx-3 { margin-right: 24px; margin-left: 24px } .mx-4 { margin-right: 32px; margin-left: 32px } .mx-5 { margin-right: 40px; margin-left: 40px } .mx-6 { margin-right: 48px; margin-left: 48px } .mx-7 { margin-right: 56px; margin-left: 56px } .mx-8 { margin-right: 64px; margin-left: 64px } .mt-0 { margin-top: 0 } .mt-1 { margin-top: 8px } .mt-2 { margin-top: 16px } .mt-3 { margin-top: 24px } .mt-4 { margin-top: 32px } .mt-5 { margin-top: 40px } .mt-6 { margin-top: 48px } .mt-7 { margin-top: 56px } .mt-8 { margin-top: 64px } .mr-0 { margin-right: 0 } .mr-1 { margin-right: 8px } .mr-2 { margin-right: 16px } .mr-3 { margin-right: 24px } .mr-4 { margin-right: 32px } .mr-5 { margin-right: 40px } .mr-6 { margin-right: 48px } .mr-7 { margin-right: 56px } .mr-8 { margin-right: 64px } .mb-0 { margin-bottom: 0 } .mb-1 { margin-bottom: 8px } .mb-2 { margin-bottom: 16px } .mb-3 { margin-bottom: 24px } .mb-4 { margin-bottom: 32px } .mb-5 { margin-bottom: 40px } .mb-6 { margin-bottom: 48px } .mb-7 { margin-bottom: 56px } .mb-8 { margin-bottom: 64px } .ml-0 { margin-left: 0 } .ml-1 { margin-left: 8px } .ml-2 { margin-left: 16px } .ml-3 { margin-left: 24px } .ml-4 { margin-left: 32px } .ml-5 { margin-left: 40px } .ml-6 { margin-left: 48px } .ml-7 { margin-left: 56px } .ml-8 { margin-left: 64px } .p-0 { padding: 0 } .p-1 { padding: 8px } .p-2 { padding: 16px } .p-3 { padding: 24px } .p-4 { padding: 32px } .p-5 { padding: 40px } .p-6 { padding: 48px } .p-7 { padding: 56px } .p-8 { padding: 64px } .py-0 { padding-top: 0; padding-bottom: 0 } .py-1 { padding-top: 8px; padding-bottom: 8px } .py-2 { padding-top: 16px; padding-bottom: 16px } .py-3 { padding-top: 24px; padding-bottom: 24px } .py-4 { padding-top: 32px; padding-bottom: 32px } .py-5 { padding-top: 40px; padding-bottom: 40px } .py-6 { padding-top: 48px; padding-bottom: 48px } .py-7 { padding-top: 56px; padding-bottom: 56px } .py-8 { padding-top: 64px; padding-bottom: 64px } .px-0 { padding-right: 0; padding-left: 0 } .px-1 { padding-right: 8px; padding-left: 8px } .px-2 { padding-right: 16px; padding-left: 16px } .px-3 { padding-right: 24px; padding-left: 24px } .px-4 { padding-right: 32px; padding-left: 32px } .px-5 { padding-right: 40px; padding-left: 40px } .px-6 { padding-right: 48px; padding-left: 48px } .px-7 { padding-right: 56px; padding-left: 56px } .px-8 { padding-right: 64px; padding-left: 64px } .pt-0 { padding-top: 0 } .pt-1 { padding-top: 8px } .pt-2 { padding-top: 16px } .pt-3 { padding-top: 24px } .pt-4 { padding-top: 32px } .pt-5 { padding-top: 40px } .pt-6 { padding-top: 28px } .pt-7 { padding-top: 56px } .pt-8 { padding-top: 64px } .pr-0 { padding-right: 0 } .pr-1 { padding-right: 8px } .pr-2 { padding-right: 16px } .pr-3 { padding-right: 24px } .pr-4 { padding-right: 32px } .pr-5 { padding-right: 40px } .pr-6 { padding-right: 48px } .pr-7 { padding-right: 56px } .pr-8 { padding-right: 64px } .pb-0 { padding-bottom: 0 } .pb-1 { padding-bottom: 8px } .pb-2 { padding-bottom: 16px } .pb-3 { padding-bottom: 24px } .pb-4 { padding-bottom: 32px } .pb-5 { padding-bottom: 40px } .pb-6 { padding-bottom: 48px } .pb-7 { padding-bottom: 56px } .pb-8 { padding-bottom: 64px } .pl-0 { padding-left: 0 } .pl-1 { padding-left: 8px } .pl-2 { padding-left: 16px } .pl-3 { padding-left: 24px } .pl-4 { padding-left: 32px } .pl-5 { padding-left: 40px } .pl-6 { padding-left: 48px } .pl-7 { padding-left: 56px } .pl-8 { padding-left: 64px } .t-0 { top: 0 } .t-1 { top: 8px } .t-2 { top: 16px } .t-3 { top: 24px } .t-4 { top: 32px } .t-5 { top: 40px } .t-6 { top: 48px } .t-7 { top: 56px } .t-8 { top: 64px } .r-0 { right: 0 } .r-1 { right: 8px } .r-2 { right: 16px } .r-3 { right: 24px } .r-4 { right: 32px } .r-5 { right: 40px } .r-6 { right: 48px } .r-7 { right: 56px } .r-8 { right: 64px } .b-0 { bottom: 0 } .b-1 { bottom: 8px } .b-2 { bottom: 16px } .b-3 { bottom: 24px } .b-4 { bottom: 32px } .b-5 { bottom: 40px } .b-6 { bottom: 48px } .b-7 { bottom: 56px } .b-8 { bottom: 64px } .l-0 { left: 0 } .l-1 { left: 8px } .l-2 { left: 16px } .l-3 { left: 24px } .l-4 { left: 32px } .l-5 { left: 40px } .l-6 { left: 48px } .l-7 { left: 56px } .l-8 { left: 64px } .lh-1 { line-height: 8px } .lh-2 { line-height: 16px } .lh-3 { line-height: 24px } .lh-4 { line-height: 32px } .lh-5 { line-height: 40px } .lh-6 { line-height: 48px } .lh-7 { line-height: 56px } .lh-8 { line-height: 64px } .s-1 { width: 8px; height: 8px } .s-2 { width: 16px; height: 16px } .s-3 { width: 24px; height: 24px } .s-4 { width: 32px; height: 32px } .s-5 { width: 40px; height: 40px } .s-6 { width: 48px; height: 48px } .s-7 { width: 56px; height: 56px } .s-8 { width: 64px; height: 64px } .w-1 { width: 8px } .w-2 { width: 16px } .w-3 { width: 24px } .w-4 { width: 32px } .w-5 { width: 40px } .w-6 { width: 48px } .w-7 { width: 56px } .w-8 { width: 64px } .h-1 { height: 8px } .h-2 { height: 16px } .h-3 { height: 24px } .h-4 { height: 32px } .h-5 { height: 40px } .h-6 { height: 48px } .h-7 { height: 56px } .h-8 { height: 64px } .cookie-notice { background: rgba(102, 154, 148, 0.85); font-weight: 500; font-size: 14px; color: #FFFFFF; position: fixed; bottom: 0; left: 0; right: 0; display: none; z-index: 100; } .cookie-notice.visible { display: flex; } .main_center { margin: 0 auto; max-width: 1100px; box-sizing: border-box; position: relative; } .cookie-content { display: flex; justify-content: space-between; align-items: center; padding: 12px 0; } .cookie-btn { border: none; border-radius: 4px; width: 172px; height: 50px; font-weight: 700; font-size: 14px; text-align: center; color: rgb(0, 0, 0); flex-shrink: 0; } @media (max-width: 374px) { .mmt-2 { margin-top: 16px } } .wrapper { box-sizing: border-box; max-width: 1280px; margin: 0 auto } .container-fluid { margin-right: auto; margin-left: auto; padding-right: 2rem; padding-left: 2rem } .row { box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -webkit-flex: 0 1 auto; -moz-box-flex: 0; -moz-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px } .row.reverse { -webkit-box-direction: reverse; -webkit-box-orient: horizontal; -webkit-flex-direction: row-reverse; -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse } .col.reverse { -webkit-box-direction: reverse; -webkit-box-orient: vertical; -webkit-flex-direction: column-reverse; -moz-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse } .col-xs { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 12px; padding-left: 12px; -webkit-flex-basis: auto; -moz-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto } .col-xs-1 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 12px; padding-left: 12px; -webkit-flex-basis: 8.33333%; -moz-flex-basis: 8.33333%; -ms-flex-preferred-size: 8.33333%; flex-basis: 8.33333%; max-width: 8.33333% } .col-xs-2 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 12px; padding-left: 12px; -webkit-flex-basis: 16.66667%; -moz-flex-basis: 16.66667%; -ms-flex-preferred-size: 16.66667%; flex-basis: 16.66667%; max-width: 16.66667% } .col-xs-3 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 12px; padding-left: 12px; -webkit-flex-basis: 25%; -moz-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25% } .col-xs-4 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 12px; padding-left: 12px; -webkit-flex-basis: 33.33333%; -moz-flex-basis: 33.33333%; -ms-flex-preferred-size: 33.33333%; flex-basis: 33.33333%; max-width: 33.33333% } .col-xs-5 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 12px; padding-left: 12px; -webkit-flex-basis: 41.66667%; -moz-flex-basis: 41.66667%; -ms-flex-preferred-size: 41.66667%; flex-basis: 41.66667%; max-width: 41.66667% } .col-xs-6 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 12px; padding-left: 12px; -webkit-flex-basis: 50%; -moz-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50% } .col-xs-7 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 12px; padding-left: 12px; -webkit-flex-basis: 58.33333%; -moz-flex-basis: 58.33333%; -ms-flex-preferred-size: 58.33333%; flex-basis: 58.33333%; max-width: 58.33333% } .col-xs-8 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 12px; padding-left: 12px; -webkit-flex-basis: 66.66667%; -moz-flex-basis: 66.66667%; -ms-flex-preferred-size: 66.66667%; flex-basis: 66.66667%; max-width: 66.66667% } .col-xs-9 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 12px; padding-left: 12px; -webkit-flex-basis: 75%; -moz-flex-basis: 75%; -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75% } .col-xs-10 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 12px; padding-left: 12px; -webkit-flex-basis: 83.33333%; -moz-flex-basis: 83.33333%; -ms-flex-preferred-size: 83.33333%; flex-basis: 83.33333%; max-width: 83.33333% } .col-xs-11 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 12px; padding-left: 12px; -webkit-flex-basis: 91.66667%; -moz-flex-basis: 91.66667%; -ms-flex-preferred-size: 91.66667%; flex-basis: 91.66667%; max-width: 91.66667% } .col-xs-12 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 12px; padding-left: 12px; -webkit-flex-basis: 100%; -moz-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100% } .col-xs-offset-0 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 12px; padding-left: 12px; margin-left: 0 } .col-xs-offset-1 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 12px; padding-left: 12px; margin-left: 8.33333% } .col-xs-offset-2 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 12px; padding-left: 12px; margin-left: 16.66667% } .col-xs-offset-3 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 12px; padding-left: 12px; margin-left: 25% } .col-xs-offset-4 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 12px; padding-left: 12px; margin-left: 33.33333% } .col-xs-offset-5 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 12px; padding-left: 12px; margin-left: 41.66667% } .col-xs-offset-6 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 12px; padding-left: 12px; margin-left: 50% } .col-xs-offset-7 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 12px; padding-left: 12px; margin-left: 58.33333% } .col-xs-offset-8 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 12px; padding-left: 12px; margin-left: 66.66667% } .col-xs-offset-9 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 12px; padding-left: 12px; margin-left: 75% } .col-xs-offset-10 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 12px; padding-left: 12px; margin-left: 83.33333% } .col-xs-offset-11 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 12px; padding-left: 12px; margin-left: 91.66667% } .col-xs-offset-12 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 12px; padding-left: 12px; margin-left: 100% } .col-xs { -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-basis: 0%; -moz-flex-basis: 0%; -ms-flex-preferred-size: 0%; flex-basis: 0%; max-width: 100% } .start-xs { -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; justify-content: flex-start; text-align: left } .center-xs { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; text-align: center } .end-xs { -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; justify-content: flex-end; text-align: right } .top-xs { -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; -moz-align-items: flex-start; align-items: flex-start } .middle-xs { -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center } .bottom-xs { -webkit-box-align: end; -ms-flex-align: end; -webkit-align-items: flex-end; -moz-align-items: flex-end; align-items: flex-end } .around-xs { -ms-flex-pack: distribute; -webkit-justify-content: space-around; -moz-justify-content: space-around; justify-content: space-around } .between-xs { -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between } .first-xs { order: -1 } .last-xs { order: 1 } @media only screen and (min-width: 48em) { .container { width: 46rem } .col-sm { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 12px; padding-left: 12px; -webkit-flex-basis: auto; -moz-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto } .col-sm-1 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 12px; padding-left: 12px; -webkit-flex-basis: 8.33333%; -moz-flex-basis: 8.33333%; -ms-flex-preferred-size: 8.33333%; flex-basis: 8.33333%; max-width: 8.33333% } .col-sm-2 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 12px; padding-left: 12px; -webkit-flex-basis: 16.66667%; -moz-flex-basis: 16.66667%; -ms-flex-preferred-size: 16.66667%; flex-basis: 16.66667%; max-width: 16.66667% } .col-sm-3 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 12px; padding-left: 12px; -webkit-flex-basis: 25%; -moz-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25% } .col-sm-4 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 12px; padding-left: 12px; -webkit-flex-basis: 33.33333%; -moz-flex-basis: 33.33333%; -ms-flex-preferred-size: 33.33333%; flex-basis: 33.33333%; max-width: 33.33333% } .col-sm-5 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 12px; padding-left: 12px; -webkit-flex-basis: 41.66667%; -moz-flex-basis: 41.66667%; -ms-flex-preferred-size: 41.66667%; flex-basis: 41.66667%; max-width: 41.66667% } .col-sm-6 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 12px; padding-left: 12px; -webkit-flex-basis: 50%; -moz-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50% } .col-sm-7 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 12px; padding-left: 12px; -webkit-flex-basis: 58.33333%; -moz-flex-basis: 58.33333%; -ms-flex-preferred-size: 58.33333%; flex-basis: 58.33333%; max-width: 58.33333% } .col-sm-8 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 12px; padding-left: 12px; -webkit-flex-basis: 66.66667%; -moz-flex-basis: 66.66667%; -ms-flex-preferred-size: 66.66667%; flex-basis: 66.66667%; max-width: 66.66667% } .col-sm-9 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 12px; padding-left: 12px; -webkit-flex-basis: 75%; -moz-flex-basis: 75%; -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75% } .col-sm-10 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 12px; padding-left: 12px; -webkit-flex-basis: 83.33333%; -moz-flex-basis: 83.33333%; -ms-flex-preferred-size: 83.33333%; flex-basis: 83.33333%; max-width: 83.33333% } .col-sm-11 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 12px; padding-left: 12px; -webkit-flex-basis: 91.66667%; -moz-flex-basis: 91.66667%; -ms-flex-preferred-size: 91.66667%; flex-basis: 91.66667%; max-width: 91.66667% } .col-sm-12 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 12px; padding-left: 12px; -webkit-flex-basis: 100%; -moz-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100% } .col-sm-offset-0 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 12px; padding-left: 12px; margin-left: 0 } .col-sm-offset-1 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 12px; padding-left: 12px; margin-left: 8.33333% } .col-sm-offset-2 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 12px; padding-left: 12px; margin-left: 16.66667% } .col-sm-offset-3 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 12px; padding-left: 12px; margin-left: 25% } .col-sm-offset-4 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 12px; padding-left: 12px; margin-left: 33.33333% } .col-sm-offset-5 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 12px; padding-left: 12px; margin-left: 41.66667% } .col-sm-offset-6 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 12px; padding-left: 12px; margin-left: 50% } .col-sm-offset-7 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 12px; padding-left: 12px; margin-left: 58.33333% } .col-sm-offset-8 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 12px; padding-left: 12px; margin-left: 66.66667% } .col-sm-offset-9 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 12px; padding-left: 12px; margin-left: 75% } .col-sm-offset-10 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 12px; padding-left: 12px; margin-left: 83.33333% } .col-sm-offset-11 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 12px; padding-left: 12px; margin-left: 91.66667% } .col-sm-offset-12 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 12px; padding-left: 12px; margin-left: 100% } .col-sm { -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-basis: 0%; -moz-flex-basis: 0%; -ms-flex-preferred-size: 0%; flex-basis: 0%; max-width: 100% } .start-sm { -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; justify-content: flex-start; text-align: left } .center-sm { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; text-align: center } .end-sm { -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; justify-content: flex-end; text-align: right } .top-sm { -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; -moz-align-items: flex-start; align-items: flex-start } .middle-sm { -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center } .bottom-sm { -webkit-box-align: end; -ms-flex-align: end; -webkit-align-items: flex-end; -moz-align-items: flex-end; align-items: flex-end } .around-sm { -ms-flex-pack: distribute; -webkit-justify-content: space-around; -moz-justify-content: space-around; justify-content: space-around } .between-sm { -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between } .first-sm { order: -1 } .last-sm { order: 1 } } @media only screen and (min-width: 62em) { .container { width: 61rem } .col-md { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 12px; padding-left: 12px; -webkit-flex-basis: auto; -moz-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto } .col-md-1 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 12px; padding-left: 12px; -webkit-flex-basis: 8.33333%; -moz-flex-basis: 8.33333%; -ms-flex-preferred-size: 8.33333%; flex-basis: 8.33333%; max-width: 8.33333% } .col-md-2 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 12px; padding-left: 12px; -webkit-flex-basis: 16.66667%; -moz-flex-basis: 16.66667%; -ms-flex-preferred-size: 16.66667%; flex-basis: 16.66667%; max-width: 16.66667% } .col-md-3 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 12px; padding-left: 12px; -webkit-flex-basis: 25%; -moz-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25% } .col-md-4 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 12px; padding-left: 12px; -webkit-flex-basis: 33.33333%; -moz-flex-basis: 33.33333%; -ms-flex-preferred-size: 33.33333%; flex-basis: 33.33333%; max-width: 33.33333% } .col-md-5 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 12px; padding-left: 12px; -webkit-flex-basis: 41.66667%; -moz-flex-basis: 41.66667%; -ms-flex-preferred-size: 41.66667%; flex-basis: 41.66667%; max-width: 41.66667% } .col-md-6 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 12px; padding-left: 12px; -webkit-flex-basis: 50%; -moz-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50% } .col-md-7 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 12px; padding-left: 12px; -webkit-flex-basis: 58.33333%; -moz-flex-basis: 58.33333%; -ms-flex-preferred-size: 58.33333%; flex-basis: 58.33333%; max-width: 58.33333% } .col-md-8 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 12px; padding-left: 12px; -webkit-flex-basis: 66.66667%; -moz-flex-basis: 66.66667%; -ms-flex-preferred-size: 66.66667%; flex-basis: 66.66667%; max-width: 66.66667% } .col-md-9 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 12px; padding-left: 12px; -webkit-flex-basis: 75%; -moz-flex-basis: 75%; -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75% } .col-md-10 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 12px; padding-left: 12px; -webkit-flex-basis: 83.33333%; -moz-flex-basis: 83.33333%; -ms-flex-preferred-size: 83.33333%; flex-basis: 83.33333%; max-width: 83.33333% } .col-md-11 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 12px; padding-left: 12px; -webkit-flex-basis: 91.66667%; -moz-flex-basis: 91.66667%; -ms-flex-preferred-size: 91.66667%; flex-basis: 91.66667%; max-width: 91.66667% } .col-md-12 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 12px; padding-left: 12px; -webkit-flex-basis: 100%; -moz-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100% } .col-md-offset-0 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 12px; padding-left: 12px; margin-left: 0 } .col-md-offset-1 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 12px; padding-left: 12px; margin-left: 8.33333% } .col-md-offset-2 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 12px; padding-left: 12px; margin-left: 16.66667% } .col-md-offset-3 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 12px; padding-left: 12px; margin-left: 25% } .col-md-offset-4 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 12px; padding-left: 12px; margin-left: 33.33333% } .col-md-offset-5 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 12px; padding-left: 12px; margin-left: 41.66667% } .col-md-offset-6 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 12px; padding-left: 12px; margin-left: 50% } .col-md-offset-7 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 12px; padding-left: 12px; margin-left: 58.33333% } .col-md-offset-8 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 12px; padding-left: 12px; margin-left: 66.66667% } .col-md-offset-9 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 12px; padding-left: 12px; margin-left: 75% } .col-md-offset-10 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 12px; padding-left: 12px; margin-left: 83.33333% } .col-md-offset-11 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 12px; padding-left: 12px; margin-left: 91.66667% } .col-md-offset-12 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 12px; padding-left: 12px; margin-left: 100% } .col-md { -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-basis: 0%; -moz-flex-basis: 0%; -ms-flex-preferred-size: 0%; flex-basis: 0%; max-width: 100% } .start-md { -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; justify-content: flex-start; text-align: left } .center-md { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; text-align: center } .end-md { -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; justify-content: flex-end; text-align: right } .top-md { -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; -moz-align-items: flex-start; align-items: flex-start } .middle-md { -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center } .bottom-md { -webkit-box-align: end; -ms-flex-align: end; -webkit-align-items: flex-end; -moz-align-items: flex-end; align-items: flex-end } .around-md { -ms-flex-pack: distribute; -webkit-justify-content: space-around; -moz-justify-content: space-around; justify-content: space-around } .between-md { -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between } .first-md { order: -1 } .last-md { order: 1 } } @media only screen and (min-width: 75em) { .container { width: 71rem } .col-lg { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 12px; padding-left: 12px; -webkit-flex-basis: auto; -moz-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto } .col-lg-1 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 12px; padding-left: 12px; -webkit-flex-basis: 8.33333%; -moz-flex-basis: 8.33333%; -ms-flex-preferred-size: 8.33333%; flex-basis: 8.33333%; max-width: 8.33333% } .col-lg-2 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 12px; padding-left: 12px; -webkit-flex-basis: 16.66667%; -moz-flex-basis: 16.66667%; -ms-flex-preferred-size: 16.66667%; flex-basis: 16.66667%; max-width: 16.66667% } .col-lg-3 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 12px; padding-left: 12px; -webkit-flex-basis: 25%; -moz-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25% } .col-lg-4 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 12px; padding-left: 12px; -webkit-flex-basis: 33.33333%; -moz-flex-basis: 33.33333%; -ms-flex-preferred-size: 33.33333%; flex-basis: 33.33333%; max-width: 33.33333% } .col-lg-5 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 12px; padding-left: 12px; -webkit-flex-basis: 41.66667%; -moz-flex-basis: 41.66667%; -ms-flex-preferred-size: 41.66667%; flex-basis: 41.66667%; max-width: 41.66667% } .col-lg-6 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 12px; padding-left: 12px; -webkit-flex-basis: 50%; -moz-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50% } .col-lg-7 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 12px; padding-left: 12px; -webkit-flex-basis: 58.33333%; -moz-flex-basis: 58.33333%; -ms-flex-preferred-size: 58.33333%; flex-basis: 58.33333%; max-width: 58.33333% } .col-lg-8 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 12px; padding-left: 12px; -webkit-flex-basis: 66.66667%; -moz-flex-basis: 66.66667%; -ms-flex-preferred-size: 66.66667%; flex-basis: 66.66667%; max-width: 66.66667% } .col-lg-9 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 12px; padding-left: 12px; -webkit-flex-basis: 75%; -moz-flex-basis: 75%; -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75% } .col-lg-10 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 12px; padding-left: 12px; -webkit-flex-basis: 83.33333%; -moz-flex-basis: 83.33333%; -ms-flex-preferred-size: 83.33333%; flex-basis: 83.33333%; max-width: 83.33333% } .col-lg-11 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 12px; padding-left: 12px; -webkit-flex-basis: 91.66667%; -moz-flex-basis: 91.66667%; -ms-flex-preferred-size: 91.66667%; flex-basis: 91.66667%; max-width: 91.66667% } .col-lg-12 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 12px; padding-left: 12px; -webkit-flex-basis: 100%; -moz-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100% } .col-lg-offset-0 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 12px; padding-left: 12px; margin-left: 0 } .col-lg-offset-1 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 12px; padding-left: 12px; margin-left: 8.33333% } .col-lg-offset-2 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 12px; padding-left: 12px; margin-left: 16.66667% } .col-lg-offset-3 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 12px; padding-left: 12px; margin-left: 25% } .col-lg-offset-4 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 12px; padding-left: 12px; margin-left: 33.33333% } .col-lg-offset-5 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 12px; padding-left: 12px; margin-left: 41.66667% } .col-lg-offset-6 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 12px; padding-left: 12px; margin-left: 50% } .col-lg-offset-7 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 12px; padding-left: 12px; margin-left: 58.33333% } .col-lg-offset-8 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 12px; padding-left: 12px; margin-left: 66.66667% } .col-lg-offset-9 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 12px; padding-left: 12px; margin-left: 75% } .col-lg-offset-10 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 12px; padding-left: 12px; margin-left: 83.33333% } .col-lg-offset-11 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 12px; padding-left: 12px; margin-left: 91.66667% } .col-lg-offset-12 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 12px; padding-left: 12px; margin-left: 100% } .col-lg { -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-basis: 0%; -moz-flex-basis: 0%; -ms-flex-preferred-size: 0%; flex-basis: 0%; max-width: 100% } .start-lg { -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; justify-content: flex-start; text-align: left } .center-lg { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; text-align: center } .end-lg { -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; justify-content: flex-end; text-align: right } .top-lg { -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; -moz-align-items: flex-start; align-items: flex-start } .middle-lg { -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center } .bottom-lg { -webkit-box-align: end; -ms-flex-align: end; -webkit-align-items: flex-end; -moz-align-items: flex-end; align-items: flex-end } .around-lg { -ms-flex-pack: distribute; -webkit-justify-content: space-around; -moz-justify-content: space-around; justify-content: space-around } .between-lg { -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between } .first-lg { order: -1 } .last-lg { order: 1 } } textImageCardContainerhtml { box-sizing: border-box } *, *::after, *::before { box-sizing: inherit } .icon { display: inline-block } h1, h2, h3, h4, h5, h6 { font-family: "Poppins", sans-serif } h2 { font-family: "Poppins", sans-serif; font-size: 30px } p { font-family: "Poppins", sans-serif; font-size: 16px; font-weight: 300 } ul { font-family: "Poppins", sans-serif; font-weight: 300; line-height: 32px; } button { cursor: pointer } .paragraphyFont { font-family: "Poppins", sans-serif } .bigButton { font-family: "Source Sans Pro", sans-serif; font-size: 24px; line-height: 1.5; padding: 16px 39px; display: inline-block; appearance: none; color: #fff; text-decoration: none; border-radius: 6px; background: #003366; cursor: pointer; vertical-align: middle } .normalButton { font-family: "Poppins", sans-serif; font-size: 15px; padding: 10px 20px; display: inline-block; appearance: none; color: #fff; text-decoration: none; border-radius: 60px; background: #003366; cursor: pointer; vertical-align: middle } .normalButtonHeader { font-family: "Poppins", light; padding: 10px 20px; display: inline-block; appearance: none; border-radius: 60px; color: #fff; text-decoration: none; border-radius: 60px; background: #DB0A5B; cursor: pointer; vertical-align: middle; padding-left: 40px; padding-right: 40px } .contentBox { padding-top: 25px; padding-bottom: 25px } .contentBox.newsBox { padding-top: 0px } .contentBox.frontpage { padding-top: 36px; padding-bottom: 36px } .contentBox.resourceContentBox { justify-content: center; margin-left: 20%; margin-right: 20% } .contentBox.supportContentBox { padding-top: 32px } .contentBox.smallerBox { padding-top: 32px; padding-bottom: 32px } @media (min-width: 577px) and (max-width: 1024px) { .contentBox { padding-top: 20px; padding-bottom: 20px } } @media (min-width: 0px) and (max-width: 576px) { .contentBox { padding-top: 25px; padding-bottom: 5px; } } .supportContentBox { font-family: "Poppins", sans-serif; font-weight: 300 } .supportContentBox a:hover { text-decoration: underline } .sectionHeading h2 { font-family: "Poppins", sans-serif; font-size: 32px; margin: 0; margin-bottom: 16px; font-weight: 400; color: #003366 } .sectionHeading p { font-family: "Poppins", sans-serif; font-size: 16px; font-weight: 300; margin: 0; color: #003366; margin-bottom: 30px } .smallToBigHeading h2 { font-family: "Poppins", sans-serif; font-size: 18px; margin: 0; margin-bottom: 16px; font-weight: 200 } .smallToBigHeading h4 { font-family: "Poppins", sans-serif; font-size: 30px; font-weight: 300; margin: 0; margin-bottom: 40px } .pageHeading h1 { position: relative; font-family: "Poppins", sans-serif; font-size: 50px; font-weight: normal; line-height: 40px; margin-top: 0; margin-bottom: 16px; color: #003366 } .pageHeading h2 { position: relative; font-family: "Poppins", sans-serif; font-size: 50px; font-weight: normal; line-height: 40px; margin-top: 0; margin-bottom: 16px } .pageHeading h2:after { content: ''; position: absolute; top: -24px; left: 0; width: 80px; height: 6px; background: #5BBAE3 } .pageHeading h3 { position: relative; font-family: "Poppins", sans-serif; font-size: 36px; font-weight: normal; line-height: 40px; margin-top: 0; margin-bottom: 16px } .pageHeading h3:after { content: ''; position: absolute; top: -24px; left: 0; width: 80px; height: 6px; background: #5BBAE3 } .pageHeading h6 { font-family: "Poppins", sans-serif; font-size: 21px; font-weight: 300; line-height: 32px; margin-top: 0; margin-bottom: 0 } .decorativeContent { position: relative; padding-left: 24px } .decorativeContent:before { content: ''; position: absolute; left: 0; top: 0; width: 5px; height: 100%; background: #5BBAE3; display: block } .decorativeContent h5 { font-family: "Poppins", sans-serif; font-size: 24px; font-weight: normal; line-height: 40px; margin-top: 0; margin-bottom: 16px } .decorativeContent h4 { font-family: "Poppins", sans-serif; font-size: 30px; font-weight: 400; margin-bottom: 24px } .decorativeContent ul { list-style: none; margin: 0; padding: 0; margin-bottom: 16px } .decorativeContent ul h5 { font-family: "Poppins", sans-serif; font-weight: 600; font-size: 20px } .decorativeContent ul li { font-size: 18px } .decorativeContent ul a { text-decoration: none; color: #003366; font-weight: 400; font-size: 18px; line-height: 24px } .decorativeHeading { display: flex; flex-direction: row; align-content: center; align-items: center } @media (min-width: 0px) and (max-width: 1024px) { .decorativeHeading { margin-top: 40px } } .decorativeHeading .decorativeHeadingText { max-width: 630px } .decorativeHeading .decorativeHeadingImage { margin-left: auto } @media (max-width: 374px) { .decorativeHeading .decorativeHeadingImage { display: none } } .decorativeHeading h2 { position: relative; font-family: "Poppins", sans-serif; font-size: 32px; font-weight: normal; line-height: 40px; color: black; margin: 0; margin-bottom: 16px } .decorativeHeading h2:before { content: ''; position: absolute; top: -24px; left: 0; width: 86px; height: 5px; background: #5BBAE3 } .decorativeHeading p { font-family: "Poppins", sans-serif; font-size: 18px; font-weight: 300; line-height: 24px; color: black } .textImageCard { max-width: 308px; height: 505px; margin: 0 auto } .textImageCard .textImageCardContainer { border-radius: 15px; overflow: hidden; border-style: solid; border-width: thin; border-color: #D1CCBD } .textImageCard .textImageCardContainer a { display: inherit; text-decoration: none } .textImageCard .imageContainer { height: 250px } .textImageCard .imageContainer img { height: inherit; margin-left: 50%; transform: translateX(-50%) } .textImageCard .textContainer { height: 250px; padding: 24px } .textImageCard .textContainer h3 { font-family: "Poppins", sans-serif; font-weight: 200; font-size: 18px; color: #003366; line-height: 32px; margin: 0; text-align: center } .textImageCard .textContainer h2 { font-family: "Poppins", sans-serif; font-weight: 600; font-size: 21px; color: black; line-height: 24px; margin: 0; text-align: center } .textImageCard .textContainer p { font-family: "Poppins", sans-serif; font-weight: 300; font-size: 18px; line-height: 24px; margin-top: 16px } .bgColor { background: white } .bgColor .textImageCardContainer { background: white } .latestProductBoxContainer { display: flex } .latestProductBox { margin: 24px 0px; background: #EBF1F7; padding: 16px } .latestProductBox h3 { font-family: "Poppins", sans-serif; font-size: 18px; font-weight: 600; line-height: 24px; color: #003366; margin: 0; margin-bottom: 8px } .latestProductBox p { font-family: "Poppins", sans-serif; font-size: 18px; font-weight: 300; line-height: 24px; color: #003366; margin: 0; margin-bottom: 24px } .alertBox { font-family: "Poppins", sans-serif; margin-top: 8px; margin-bottom: 8px } .alertBox.normal { background: rgba(158, 202, 213, 0.3); border: 1px solid #91C9D6 } .alertBox.normal p { position: relative } .alertBox.normal p:before { position: absolute; content: ''; top: 0; left: 0; width: 24px; height: 24px; background: url("/local/templates/hytest/css/../images/info-icon.svg") no-repeat } .alertBox .alertContainer { padding: 16px } .alertBox p { padding: 0; padding-left: 32px; margin: 0; color: black; font-weight: 300 } .alertBox a { text-decoration: none; color: #003366; font-weight: 400 } .recentViewLink h2 { font-family: "Poppins", sans-serif; font-size: 30px; font-weight: 300; line-height: 36px; margin-bottom: 24px } .recentViewLink ul { font-family: "Poppins", sans-serif; list-style: initial; padding: 0; margin: 0 } .recentViewLink ul li { line-height: 32px } .recentViewLink ul li a { color: #003366; text-decoration: none } .categoriesLink { margin-bottom: 32px } .categoriesLink h2 { font-family: "Poppins", sans-serif; font-weight: 300; margin-bottom: 24px } .categoriesLink ul { list-style: none; margin: 0; padding: 0 } .categoriesLink ul li { font-family: "Poppins", sans-serif; font-size: 21px; line-height: 24px; margin-bottom: 24px } .categoriesLink ul li a { color: #003366; text-decoration: none } .tableHeadings h3 { font-family: "Poppins", sans-serif; font-size: 26px; font-weight: 400; line-height: 33px; color: #003366; margin: 0; margin-top: 32px; margin-bottom: 24px } .tableHeadings h4 { font-family: "Poppins", sans-serif; font-size: 21px; font-weight: 400; line-height: 27px; color: #003366 } .select-style { width: 100%; border: 1px solid #8095AA; border-radius: 3px; overflow: hidden; background: #fff url("/local/templates/hytest/css/../images/arrow-up-down-icon.svg") no-repeat 97% 50%; color: #003366; background-size: 10px; font-size: 14px; } .select-style select { padding: 5px 8px; color: #003366; width: 100%; border: none; box-shadow: none; background: transparent; background-image: none; -webkit-appearance: none } .select-style select:focus { outline: none } .tableListing { list-style: none; margin: 0; padding: 0 } .tableListing li { width: 100%; display: table-row; font-family: "Poppins", sans-serif } .tableListing li .listHeading { display: table-cell; font-weight: 700; padding-right: 40px } .tableListing li .listContent { font-weight: 300; line-height: 24px } .tableListing li .listContent p+p { margin-top: -8px } .tableListing li div { padding-top: 16px; padding-bottom: 16px; border-bottom: solid 1px #8095AA } .tableListing li:last-child div { border: 0px } .linkBox { width: 100%; display: flex; flex-direction: column; background: #F3F5F7; padding: 24px; font-family: "Poppins", sans-serif; margin-bottom: 16px } .linkBox * { max-width: 100% } .linkBox h4 { font-size: 21px; font-weight: 600; margin-top: 0; margin-bottom: 16px } .linkBox ul { list-style: none; margin: 0; padding: 0 } .linkBox ul li { margin-bottom: 24px } .linkBox ul li a { color: #003366; text-decoration: none; font-weight: 300 } .linkBox .extralink { color: #003366; text-decoration: none; font-weight: 600 } .linkBox.decoration { border-right: solid 7px #C10059 } .linkBox.blank { background: none !important } .promotionBanner { background: url("/local/templates/hytest/css/../images/banner-bg.jpg") no-repeat; background-size: cover; color: white; text-align: center } .promotionBannerContent { padding: 0 260px } .promotionBannerContent h4 { font-family: "Poppins", sans-serif; font-size: 40px; font-weight: normal; margin: 0; margin-bottom: 32px } .promotionBannerContent p { font-family: "Poppins", sans-serif; font-size: 24px; font-weight: 300; margin-bottom: 24px } .promotionBannerContent button { font-family: "Poppins", sans-serif; background: white; color: #003366; border: none; font-weight: 600; padding: 16px 40px; border-radius: 6px; box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.2) } .columnBoxWrapper { display: flex; flex-wrap: wrap } .columnBoxItem { flex-grow: 1; flex-shrink: 1; flex-basis: 48%; padding: 32px 40px; margin: 10px; background: #EBF1F7 } .columnBoxItem h2 { font-family: "Poppins", sans-serif; font-size: 30px; font-weight: 400; margin: 0; margin-bottom: 8px } .columnBoxItem p { font-family: "Poppins", sans-serif; font-size: 18px; font-weight: 300; line-height: 24px } .columnBoxItem a { text-decoration: none; color: #003366 } .onlinePromotion { text-align: center } .onlinePromotion h3 { font-family: "Poppins", sans-serif; font-size: 30px; font-weight: 400; margin: 0; margin-bottom: 8px } .onlinePromotion p { font-family: "Poppins", sans-serif; font-size: 21px; font-weight: 300; line-height: 24px } .onlinePromotion button { font-family: "Poppins", sans-serif; background: #003366; color: white; border: none; font-weight: 400; padding: 16px 40px; border-radius: 6px } #processGrid { display: flex } #processGrid div { flex: 1 1 auto; font-family: "Poppins", sans-serif; text-align: center; font-size: 19px; color: #003366; padding: 24px 0px } #processGrid div:nth-child(1) { background: #F3F5F9 } #processGrid div:nth-child(2) { background: #DCE4EF } #processGrid div:nth-child(3) { background: #8690A4; color: white } .gridView { display: flex; flex-wrap: wrap; margin-right: -10px; margin-bottom: -10px } .agridItem { font-family: "Poppins", sans-serif; flex-shrink: 0; background: #FFFFFF; margin-bottom: 48px; color: #003366; font-size: 18px; margin-left: 12px; margin-right: 12px } .agridItem a { text-decoration: none } .agridItem img { width: 200px; display: block; margin-bottom: 16px } .agridItem span { display: block; width: 200px } .memberItem { font-family: "Poppins", sans-serif; flex-shrink: 0; flex-basis: calc(25% - 24px); background: #FFFFFF; box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.2); border-radius: 0 0 2px 2px; margin-bottom: 24px; margin-left: 32px; margin-right: 32px; color: black; text-align: center; cursor: pointer } .memberItem .gridImageContainer { width: 100%; height: 200px; position: relative; overflow: hidden } .memberItem .gridImageContainer img { top: 50%; left: 50%; position: absolute; transform: translate(-50%, -50%); width: 100%; height: auto } .memberItem .memberName { font-weight: 600; font-size: 20px; padding-top: 20px } .memberItem .memberTitle { font-weight: 300; font-size: 20px; padding-top: 16px; padding-bottom: 30px } .memberItem a { text-decoration: none } .gridItem { font-family: "Poppins", sans-serif; flex-shrink: 0; background: #FFFFFF; box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.2); border-radius: 0 0 2px 2px; margin-bottom: 24px } .gridItem:nth-child(even) { margin-left: 24px; margin-right: 24px } .gridItem .gridImageContainer { width: 100%; height: 156px; position: relative; overflow: hidden } .gridItem .gridImageContainer img { display: block; position: absolute; width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%) } .gridItem h5 { color: #003366; font-weight: 300; font-size: 18px; margin: 0; margin-top: 16px; margin-bottom: 8px; padding: 0 8px } .gridItem h3 { color: #003366; font-size: 21px; margin: 0; padding: 0 8px; margin-bottom: 70px } .gridItem a { text-decoration: none } .supportContent h1 { margin-top: 32px; font-family: "Poppins", sans-serif; font-weight: 400; line-height: 1.1 } .supportContent h2 { margin-top: 32px; font-family: "Poppins", sans-serif; font-weight: 400; line-height: 1.1 } .supportContent p { font-family: "Poppins", sans-serif; font-size: 18px; line-height: 27px } .supportContent p a { text-decoration: none; color: #003366; font-weight: 400 } .supportContent ul li { color: black } .supportContent ul li a { text-decoration: none; color: #003366; font-weight: 600; font-size: 18px } .techNoteContent { font-family: "Poppins", sans-serif; font-size: 18px; line-height: 27px; font-weight: 300 } .techNoteContent h1 { position: relative; font-family: "Poppins", serif; font-size: 36px; font-weight: normal; line-height: 40px; margin-top: 0; margin-bottom: 16px } .techNoteContent h2 { margin-top: 32px; font-family: "Poppins", sans-serif; font-weight: 400 } .techNoteContent p { font-family: "Poppins", sans-serif; font-size: 18px; line-height: 27px } .techNoteContent p a { text-decoration: none; color: #003366; font-weight: 400 } .techNoteContent ul li { color: black } .techNoteContent ul li a { text-decoration: none; color: #003366; font-weight: 600; font-size: 18px } .supportContentLinks .brochure img { width: 194px } .supportContentLinks .brochure a { display: block; font-family: "Poppins", sans-serif; color: #003366; font-weight: 400; text-decoration: none } .supportContentLinks .brochure span { display: block; font-size: 20px; margin-top: 8px } .supportContentLinks ul { position: relative; margin-top: 32px } .supportContentLinks ul:after { content: ''; position: absolute; top: 5px; left: 0; width: 3px; height: 100%; height: calc(100% - 15px); background: #98CD3C } .supportContentLinks ul li { position: relative; margin-bottom: 32px; padding-left: 24px } .supportContentLinks ul li a { position: relative } .supportContentLinks ul li a:after { content: ''; position: absolute; top: 0; left: -32px; width: 19px; height: 19px; border: 3px solid #98CD3C; border-radius: 4px; transform: rotate(45deg); background: white; z-index: 2 } .supportContentLinks ul li a.active:after { border: 9px double #98CD3C } a { color: inherit } .no-decoration { text-decoration: none; color: inherit } @media (min-width: 520px) { .no-decoration-footer { flex: 1; position: relative; padding-left: 25px } } @media (min-width: 520px) { .no-decoration-footer::before { content: ''; position: absolute; height: 100%; width: 1px; background-color: white; right: 0 } } .tableHeadings--link-h3 { font-family: "Poppins", sans-serif; font-size: 26px; font-weight: 400; color: #003366 } .tableHeadings--link-h4 { font-family: "Poppins", sans-serif; font-size: 21px; font-weight: 400; color: #003366 } .productTableRow { align-items: center } .name-cell { width: 41% !important } .cat-cell { width: 15% !important } .mab-cell { width: 18% !important } .price-cell { width: 13% !important } .action-cell { width: 13% !important } .categoriesLink a { font-family: "Poppins", sans-serif; font-size: 21px; line-height: 24px; margin-bottom: 24px; color: #003366; text-decoration: none } .padding-12 { padding-top: 12px; padding-bottom: 12px } #tabNavBar { border-bottom: solid 1px #AEBDCD } #tabNavBar ul { list-style: none; padding: 0; margin: 0; display: flex; justify-content: space-around } #tabNavBar ul span { padding: 24px 0px; cursor: pointer } #tabNavBar ul span a { font-family: "Poppins", sans-serif; text-decoration: none; font-size: 18px; color: #003366; font-weight: 400 } #tabNavBar ul span a.active { color: #5BBAE3; border-bottom: solid 4px #5BBAE3; padding-bottom: 25px } #tabNavBar.productInfoNavBar { width: 90% } #tabNavBar.productInfoNavBar ul li a { text-decoration: none } @media (min-width: 0px) and (max-width: 1199px) { #tabNavBar.productInfoNavBar { width: 100% } } .pageHeading h1.pink:after { background: #C10059 } .pageHeading h1.red:after { background: #E30613 } .pageHeading h1.yellow:after { background: #E8E100 } .pageHeading h1.orange-60:after { background: #F5A483 } .pageHeading h1.pink-40:after { background: #F5B5D3 } .pageHeading h1.beige-30:after { background: #E4D9C8 } .pageHeading h1.black:after { background: #000000 } .pageHeading h1.light-turquoise:after { background: #5FC3D9 } .pageHeading h1.purple:after { background: #752182 } .pageHeading h1.green:after { background: #00ACA9 } .pageHeading h1.grey:after { background: #7C98A8 } .pageHeading h1.turquoise:after { background: #00618A } .pageHeading h1.turquoise-60:after { background: #6E9ED4 } .pageHeading h1.green-two:after { background: #31A838 } .pageHeading h1.dark-green:after { background: #1E5851 } .pageHeading h1.lime:after { background: #A2C34E } .pageHeading h1.light-lime:after { background: #C0DA9D } .pageHeading h1.sky-blue:after { background: #009FE3 } .linkBox.decoration.pink { border-right: solid 7px #C10059 } .linkBox.decoration.red { border-right: solid 7px #E30613 } .linkBox.decoration.yellow { border-right: solid 7px #E8E100 } .linkBox.decoration.orange-60 { border-right: solid 7px #F5A483 } .linkBox.decoration.pink-40 { border-right: solid 7px #F5B5D3 } .linkBox.decoration.beige-30 { border-right: solid 7px #E4D9C8 } .linkBox.decoration.black { border-right: solid 7px #000000 } .linkBox.decoration.light-turquoise { border-right: solid 7px #5FC3D9 } .linkBox.decoration.purple { border-right: solid 7px #752182 } .linkBox.decoration.green { border-right: solid 7px #00ACA9 } .linkBox.decoration.grey { border-right: solid 7px #7C98A8 } .linkBox.decoration.turquoise { border-right: solid 7px #00618A } .linkBox.decoration.turquoise-60 { border-right: solid 7px #6E9ED4 } .linkBox.decoration.green-two { border-right: solid 7px #31A838 } .linkBox.decoration.dark-green { border-right: solid 7px #1E5851 } .linkBox.decoration.lime { border-right: solid 7px #A2C34E } .linkBox.decoration.light-lime { border-right: solid 7px #C0DA9D } .linkBox.decoration.sky-blue { border-right: solid 7px #009FE3 } .decorativeContent.pink:before { background: #C10059 } .decorativeContent.red:before { background: #E30613 } .decorativeContent.yellow:before { background: #E8E100 } .decorativeContent.orange-60:before { background: #F5A483 } .decorativeContent.pink-40:before { background: #F5B5D3 } .decorativeContent.beige-30:before { background: #E4D9C8 } .decorativeContent.black:before { background: #000000 } .decorativeContent.light-turquoise:before { background: #5FC3D9 } .decorativeContent.purple:before { background: #752182 } .decorativeContent.green:before { background: #00ACA9 } .decorativeContent.grey:before { background: #7C98A8 } .decorativeContent.turquoise:before { background: #00618A } .decorativeContent.turquoise-60:before { background: #6E9ED4 } .decorativeContent.green-two:before { background: #31A838 } .decorativeContent.dark-green:before { background: #1E5851 } .decorativeContent.lime:before { background: #A2C34E } .decorativeContent.light-lime:before { background: #C0DA9D } .decorativeContent.sky-blue:before { background: #009FE3 } .clickable { cursor: pointer } .link { color: #036; cursor: pointer; text-decoration: none } .bold { font-weight: 600 } .small { font-size: 80% } .fullWidth { width: 100% } .priceQuotationModal { display: none; position: fixed; z-index: 1; padding-top: 100px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: black; background-color: rgba(0, 0, 0, 0.4) } .priceQuotationModal-content { background-color: #fefefe; margin: auto; padding: 20px; border: 1px solid #888; width: 80%; max-width: 700px } .priceQuotationModal-content form { font-family: "Poppins", sans-serif; font-size: 16px; font-weight: 300 } .priceQuotationModal-content form input { color: #003366; font-family: "Poppins", sans-serif; font-size: 20px; font-weight: 300; background: none; border: solid 1px #003366; width: 100%; max-width: 500px; padding-left: 4px; padding-bottom: 4px; margin-bottom: 4px; margin-top: 4px } .priceQuotationModal-content form input.noBorder { border: none } .priceQuotationModal-content form button { width: 232px; height: 63px; background: #003366; color: white; border-radius: 6px; border: none; font-family: "Poppins", sans-serif; font-size: 24px; margin-top: 20px; margin-bottom: 20px; cursor: pointer } .priceQuotationModal-content form textarea { color: #003366; font-family: "Poppins", sans-serif; font-size: 20px; font-weight: 300; background: none; border: solid 1px #003366; width: 100%; max-width: 500px; padding-left: 4px; padding-bottom: 4px; margin-bottom: 4px; margin-top: 4px } .priceQuotationModal-close { color: #aaaaaa; float: right; font-size: 28px; font-weight: bold } .priceQuotationModal-close:hover, .priceQuotationModal-close:focus { color: #000; text-decoration: none; cursor: pointer } #small-cart { background-repeat: no-repeat !important; background-position: left center !important; text-align: left !important } @media (min-width: 0px) and (max-width: 1024px) { #small-cart { margin-left: auto; margin-right: auto } } .flash { display: flex; align-items: center; justify-content: center; font-family: "Poppins", sans-serif; position: absolute; top: 0px; width: 100%; z-index: 99999; height: 90px; font-size: 18px; font-weight: 300 } .flash.success { background-color: #E6FFE1; border-bottom: 2px solid #0DAC04; border-top: 2px solid #0DAC04 } .flash.notice { background-color: #E2F0FF; border-bottom: 2px solid #58A5FF; border-top: 2px solid #58A5FF } .flash.alert { background-color: #FFF8DA; border-bottom: 2px solid #F8BB1C; border-top: 2px solid #F8BB1C } .flash.error { background-color: #FFE9EC; border-bottom: 2px solid #D0021B; border-top: 2px solid #D0021B } .inquiryForm { font-family: "Poppins", sans-serif; font-size: 16px; font-weight: 300 } .inquiryForm h2 { font-weight: 400; font-size: 38px } .inquiryForm form h3 { font-size: 32px; margin-top: 24px; margin-bottom: 24px } .inquiryForm fieldset { border: none; padding: 0px } .inquiryForm input { color: #003366; font-family: "Poppins", sans-serif; font-size: 16px; font-weight: 300; background: none; border: solid 1px #003366; width: 100%; max-width: 500px; padding-left: 4px; padding-bottom: 4px; height: 38px } .inquiryForm .custom-checkbox input { color: #003366; font-family: "Poppins", sans-serif; font-size: 16px; font-weight: 300; background: none; border: solid 1px #003366; width: 20px; max-width: 500px; padding-left: 4px; padding-bottom: 4px; margin-right: 10px; height: 20px } .inquiryForm textarea { color: #003366; font-family: "Poppins", sans-serif; font-size: 16px; font-weight: 300; background: none; border: solid 1px #003366; width: 100%; max-width: 500px; padding-left: 4px; padding-bottom: 4px; height: 76px } .inquiryForm select { width: 100% } .inquiryForm button { width: 232px; height: 63px; background: #003366; color: white; border-radius: 6px; border: none; font-family: "Poppins", sans-serif; font-size: 24px; margin-top: 20px; margin-bottom: 20px; cursor: pointer } .inquiryForm p { font-size: 18px; margin-top: 8px; margin-bottom: 0px } .inquiryForm p.mb-2 { margin-top: 16px; margin-bottom: 16px } .checkboxContainer { display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; font-size: 18px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .checkboxContainer label { font-size: 18px } .checkboxContainer input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0 } .checkbox { position: absolute; top: 0; left: 0; height: 25px; width: 25px; background-color: #FFF; border: solid 1px #003366 } .checkbox:after { content: ""; position: absolute; display: none } .checkboxContainer input:checked~.checkbox:after { display: block } .checkboxContainer .checkbox:after { left: 7px; top: 0px; width: 8px; height: 20px; border: solid #003366; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg) } .login-select { width: 100%; border: 1px solid #003366; max-width: 500px; height: 38px; overflow: hidden; background: #fff url("/local/templates/hytest/css/../images/arrow-up-down-icon.svg") 95% 50%; background: #fff url("/local/templates/hytest/css/../images/arrow-up-down-icon.svg") no-repeat calc(100% - 15px) 50%; color: #003366 } .login-select select { padding: 5px 8px; color: #003366; width: 100%; height: 100%; max-width: 500px; border: none; box-shadow: none; background: transparent; background-image: none; -webkit-appearance: none } .login-select select:focus { outline: none } .registrationInfo { font-family: "Poppins", sans-serif; font-size: 18px; font-weight: 300 } .registrationInfo h2 { font-size: 30px; font-weight: 400 } .registrationInfo h3 { font-size: 22px; font-weight: 400 } .registrationInfo p { font-size: 18px } .listItem { display: flex } .listDiamond { width: 0; height: 0; border: 5px solid transparent; border-bottom-color: black; position: relative } .listDiamond:after { content: ''; position: absolute; left: -5px; top: 5px; width: 0; height: 0; border: 5px solid transparent; border-top-color: black } .listText { padding: 0 5px } .signupContainer { padding-top: 50px } .signupContainer h1 { font-family: "Poppins", sans-serif; font-size: 50px; font-weight: 400 } .signupContainer h2 { font-weight: 400; font-size: 38px } .signupContainer p { font-size: 16px } .registrationInfo p { font-size: 20px } .cartContainer { font-family: "Poppins", sans-serif; font-size: 18px; font-weight: 300; padding-top: 40px } .cartContainer h2 { color: #003366; font-weight: 400 } .cartTableRow { font-family: "Poppins", sans-serif; border-bottom: solid 1px #BBC7D2; padding-top: 16px; padding-bottom: 16px } .cartTableRow .column-heading { font-weight: 300; line-height: 24px; color: black } .cartTableRow button { border: none; border-radius: 6px; background: #A2C34E; color: white; line-height: 24px; padding: 8px; font-weight: 400 } .cart-cat-cell { width: 5% } .cart-name-cell { width: 38% } .cart-price-cell { width: 12% } .cart-quantity-cell { width: 15% } .cart-totalquantity-cell { width: 15% } .cart-total-cell { width: 10% } .cart-delete.cell { width: 5% } .cart-adjustment-cell { width: 85% } .profile-number-cell { width: 16.5% } .profile-date-cell { width: 16.5% } .profile-status-cell { width: 16.5% } .profile-payment-cell { width: 16.5% } .profile-shipment-cell { width: 16.5% } .profile-total-cell { width: 17.5% } .checkout-cat-cell { width: 15% } .checkout-name-cell { width: 40% } .checkout-quantity-cell { width: 15% } .checkout-totalq-cell { width: 15% } .checkout-price-cell { width: 15% } .cartTable { display: flex; flex-wrap: wrap; padding: 0; margin-bottom: 20px; width: 100% } .cartTable .cartTableRow { width: 100%; display: flex; padding-left: 20px; justify-content: space-between; align-items: center } .cartTable .cartTableRow .cartTable-cell { box-sizing: border-box; flex-grow: 1; overflow: hidden; list-style: none } .cartTable .cartTableRow .cartTable-cell .cartTable-cell--heading { display: none } @media (min-width: 0px) and (max-width: 1024px) { .cartTable .cartTableRow { box-sizing: border-box; width: 100%; display: flex; flex-wrap: wrap } } @media (min-width: 0px) and (max-width: 1024px) { .cartTable { display: block; width: 100%; box-shadow: none } } .cartTableRow-head { background-color: #F2F4F7; height: 60px } .cartTableRow-head .column-heading { font-weight: 700 } .cartTableRow-head.orderDetails { background-color: white } @media (min-width: 0px) and (max-width: 1024px) { .cartTable .cartTableRow .cartTable-cell { width: 100% !important; display: flex; align-items: flex-start; border-bottom: dashed 1px #DFE1E3; padding: 8px 16px } .cartTable .cartTableRow .cartTable-cell:last-child { border: none } .cartTable .cartTableRow .cartTable-cell .cartTable-cell--heading { font-weight: 300; line-height: 24px; color: black; display: inline-block; flex: 1 1 auto; max-width: 40px; min-width: 40px; margin-right: 1em } .cartTable .cartTableRow .cartTable-cell .cartTable-cell--content { flex: 2 1 auto; padding-left: 20px } .cartTable .cartTableRow .cartTable-cell button { margin-top: 24px; width: 100% } .cartTable .cartTableRow-head { display: none } } .cartQuantity { height: 36px; padding-left: 5px; width: 80%; width: calc(100% - 30px); max-width: 100px; border: solid 1px #003366 } .subtotal { font-size: 22px; font-weight: 600 } .totalDiscount { padding-top: 5px; color: maroon } .bx_filter .bx_filter_parameters_box_container .wireframeButton { margin: 5px 0; } .wireframeButton { font-family: "Poppins", sans-serif; background: white; color: #003366; border: solid 2px #003366; font-weight: 600; padding: 8px 10px; border-radius: 6px; margin: 5px; text-decoration: none } .wireframeButton.wide { font-size: 18px; padding: 8px 30px } .wireframeButton.wireframeSpan { display: block } .cartRemarks { width: 100%; border: solid 1px #003366; height: 90px; resize: none } .coupon-label { color: #ABBACC } .cartCoupon { width: 100px; border: solid 1px #ABBACC; padding-left: 5px; height: 40px; margin-left: 20px } .updateCart { display: flex; align-items: center } .hr { width: 100%; height: 1px; background-color: #BBC7D2; margin-top: 20px; margin-bottom: 20px } .mb-max { margin-bottom: 200px } .myAccountTitle { display: flex; align-items: center } .adjustmentItemContainer { display: flex } @media (min-width: 1024px) { .adjustmentItem { margin-right: 50px; margin-left: auto } } .cartTableRow:last-of-type { border-bottom: double #BBC7D2 } .checkoutButtonContainer { flex-grow: 1; display: flex } .checkoutButton { margin-left: auto; margin-bottom: auto } .checkoutSteps { display: flex } .checkoutSteps h1 { font-family: "Poppins", sans-serif; font-weight: 400; font-size: 30px; color: #ABBACC; margin-left: 30px; margin-right: 30px } @media (min-width: 1024px) { .checkoutSteps h1 { margin-top: 60px; margin-bottom: 60px } } .checkoutSteps h1.active { color: #003366 } .checkoutTotal { font-family: "Poppins", sans-serif; font-weight: 600; font-size: 22px } .checkoutInformation p { font-size: 18px; line-height: 1.5 } .checkoutInformation p.bold { font-size: 22px } .bottom { margin-top: auto } .flex-column { display: flex; flex-direction: column; width: 100% } .flex-column * { max-width: 100% } .slimButton { font-family: "Poppins", sans-serif; background: white; color: #003366; border: solid 2px #003366; font-weight: 600; padding: 3px 18px; border-radius: 6px } .checkout-select { font-family: "Poppins", sans-serif; font-size: 18px; width: 90%; border: 1px solid #003366; max-width: 500px; height: 38px; overflow: hidden; background: #fff url("/local/templates/hytest/css/../images/arrow-up-down-icon.svg") 95% 50%; background: #fff url("/local/templates/hytest/css/../images/arrow-up-down-icon.svg") no-repeat calc(100% - 15px) 50%; color: #003366 } .checkout-select.no-options { background: white } .checkout-select select { padding: 8px 10px; color: #003366; width: 100%; max-width: 500px; border: none; box-shadow: none; background: transparent; background-image: none; -webkit-appearance: none } .checkout-select select:focus { outline: none } .checkout-helper-text { font-family: "Poppins", sans-serif; font-weight: 300 } .checkout-accepted-cc { display: flex; align-items: center; font-family: "Poppins", sans-serif; color: #003366; font-weight: 500 } .checkout-accepted-cc div { margin-right: 8px } .checkout-attached-file { font-family: "Poppins", sans-serif; font-size: 18px; background: #003366; color: white; font-weight: 600; padding: 4px 15px; border-radius: 6px; cursor: pointer } .checkout-attached-file input { display: none } .checkout-filename { font-family: "Poppins", sans-serif; font-size: 18px; font-weight: 300; margin-left: 14px } .checkout-vat input { color: #003366; font-family: "Poppins", sans-serif; font-size: 20px; font-weight: 300; height: 38px; background: none; border: solid 1px #003366; width: 90%; max-width: 500px; padding-left: 4px; padding-bottom: 4px; margin-bottom: 4px; margin-top: 4px } .checkout-terms { display: flex; margin-left: auto } .ml-a { margin-left: auto } .checkout-continue { font-family: "Source Sans Pro", sans-serif; font-size: 19px; font-weight: 600; padding: 13px 34px; display: inline-block; border: none; appearance: none; color: #fff; text-decoration: none; border-radius: 6px; background: #003366; cursor: pointer; vertical-align: middle } .checkout-continue.disabled { background: #C0C8D2; cursor: default } .checkout-continue.wireframe { background: white; color: #003366; border: solid 2px #003366; padding: 11px 34px } .checkout-terms-text { font-size: 18px; font-weight: 300 } .checkout-terms-text a { font-weight: 600 } .flex-sb { display: flex; justify-content: space-between; align-items: center } .printButton { font-family: "Poppins", sans-serif; background: white; color: #003366; font-size: 18px; border: solid 2px #003366; font-weight: 600; padding: 7px 90px; border-radius: 6px; margin: 5px } .orderComplete h1 { font-family: "Poppins", sans-serif; color: #003366; font-size: 48px; font-weight: 400 } .order-complete-attr { margin-top: 24px; margin-bottom: 24px } .order-complete-key { font-family: "Poppins", sans-serif; font-weight: 600; font-size: 18px } .order-complete-val { font-family: "Poppins", sans-serif; font-weight: 300; font-size: 18px } .order-complete-val.darker { font-weight: 400 } @media (min-width: 1024px) { .price-flex { display: flex } .price { margin-left: auto; margin-right: 30px } .price div { float: right } .price small { float: right } .price-header { margin-left: auto; margin-right: auto } .price-adjust { margin-left: auto; margin-right: 53px } .price-subtotal { margin-left: auto; margin-right: 41px } .price-subtotal div { float: right } .price-checkout-total { margin-left: auto; margin-right: 65px } } .searchContainer { font-family: "Poppins", sans-serif } .searchContainer h4 { font-family: "Poppins", sans-serif; color: #003366; font-size: 38px; font-weight: 300; margin-top: 40px; margin-bottom: 40px } .st-query-present .st-query-not-present { font-family: "Poppins", sans-serif; font-size: 18px; margin-bottom: 16px } .st-query-present .st-ui-result.__swiftype_result .st-ui-type-heading { font-family: "Poppins", sans-serif; color: #003366 !important } .st-ui-pagination-link { color: #003366 } .account-summary p { font-size: 20px } .sidebarLinks { margin-top: 0px; margin-bottom: 35px; } .editForm { width: 100% } .editForm form { width: 100% } .edit-bill-address { margin-top: 25px } .subtotal-flex { align-items: center } .flex { display: flex } .stripe-button-el { padding: 9px 34px !important } .stripe-button-el>span { box-shadow: none !important; padding: 0px 0px !important } .stripe-button-el, .stripe-button-el>span { font-family: "Source Sans Pro", sans-serif !important; font-size: 19px !important; font-weight: 600 !important; display: inline-block !important; border: none !important; appearance: none !important; color: #fff !important; text-decoration: none !important; border-radius: 6px !important; background: #003366 !important; cursor: pointer !important; vertical-align: middle !important } .ib, .ib>a { display: inline-block } .see-all>a { font-family: "Poppins", sans-serif; color: #003366; margin-left: 8px } @media (max-width: 374px) { .mobileColumn { flex-direction: column } .mobileColumn * { max-width: 100% } } @media (max-width: 768px) { .tabletColumn { flex-direction: column } .tabletColumn * { max-width: 100% } } @media (max-width: 374px) { .productHeaderContent { margin-top: 16px; margin-bottom: 16px } } @media (max-width: 374px) { .mobileHide { display: none } } @media (min-width: 0px) and (max-width: 1024px) { #headerWrapper.hidden, #siteContent.hidden, #newsLetter.hidden, #footer.hidden, #intercom-container.hidden, .siteContent.hidden, section.hidden { display: none } } @media (min-width: 0px) and (max-width: 1024px) { #header.hidden, #navigation.hidden { display: block } } .taxonIconContainer { width: 84px; min-width: 84px; height: 82px } @media (min-width: 1025px) { .searchContainerFluid { position: absolute; left: 0px; z-index: 4 } } @media (min-width: 1455px) { .searchContainerFluid { left: calc((100vw - 1455px) / 2) } } .contact-sidebar-links li a.bigger { font-size: 18px } @media (min-width: 992px) { .megaMenuCategory { flex-basis: auto } .megaMenuCategory.col-lg-3 { width: 25% } .megaMenuCategory.col-lg-9 { width: 75% } } #newsLetter { background: #669A94; margin-top: 56px } #newsLetterContainer form input::placeholder { color: #fff; } @media (min-width: 992px) { #newsLetter { background-position: 100% 50%; background-size: 50%; background-repeat: no-repeat } } #newsLetterContainer { padding-top: 16px; padding-bottom: 36px } @media (min-width: 0px) and (max-width: 1024px) { #newsLetterContainer { padding-top: 16px; padding-bottom: 24px } } #newsLetterContainer h3 { font-family: "Poppins", sans-serif; font-size: 23px; line-height: 36px; font-weight: 400; margin-bottom: 16px; margin-top: 16px } #newsLetterContainer h5 { font-family: "Poppins", sans-serif; font-size: 17px; font-weight: 300; margin: 0 } #newsLetterContainer .button-wrapper { appearance: button; width: 232px; height: 63px; background: #003366; border-radius: 6px; border: none; display: flex; justify-content: center; align-items: center; margin-top: 20px } #newsLetterContainer .button-wrapper.inquiry { font-family: "Poppins", light; border-radius: 60px; color: #fff; text-decoration: none; border-radius: 60px; background: #00564C; cursor: pointer; vertical-align: middle; padding-left: 40px; padding-right: 40px; width: 210px; height: 40px } @media (max-width: 768px) { #newsLetterContainer .button-wrapper { width: 100%; max-width: 428px; margin-top: 8px; margin-bottom: 8px } } #newsLetterContainer .button-wrapper a.button { color: white; font-family: "Poppins", sans-serif; font-size: 15px; text-decoration: none } #newsLetterContainer form { margin-top: 16px; display: flex } @media (max-width: 768px) { #newsLetterContainer form { flex-direction: column } #newsLetterContainer form * { max-width: 100% } } #newsLetterContainer form input { color: #003366; font-family: "Poppins", sans-serif; font-size: 20px; font-weight: 300; background: none; border: none; border-bottom: solid 2px #003366; width: 427px; margin-right: 16px } @media (max-width: 768px) { #newsLetterContainer form input { margin-top: 16px; margin-bottom: 16px; padding-bottom: 8px } } #newsLetterContainer form #asd_subscribe_submit { width: 232px; height: 40px; background: #003366; color: white; border-radius: 60px; border: none; font-family: "Poppins", sans-serif; font-size: 18px; padding-left: 60px; padding-right: 60px; cursor: pointer; } #newsLetterContainer .error { margin-top: 20px; } @media (max-width: 768px) { #newsLetterContainer form #asd_subscribe_submit { width: 100%; max-width: 428px; margin-top: 8px; margin-bottom: 8px } } #newsletter-sent { display: none; color: #003366; font-family: "Poppins", sans-serif; margin-top: 67px } @media (min-width: 258px) and (max-width: 768px) { #newsletter-sent { margin-top: 215px } } @media (min-width: 0px) and (max-width: 457px) { #newsletter-sent { margin-top: 179px } } #navigation { z-index: 10; position: relative } #navigation:after { position: absolute; content: ''; bottom: 0; left: 0; width: 100%; height: 0px; background: rgba(243, 245, 247, 0.4) } #navigation.active { background: white } #navigation #searchButton, #navigation #searchClose { display: none; align-content: center; justify-content: center; width: 100%; height: 90px } #navigation #searchButton.active, #navigation #searchClose.active { display: flex } @media (min-width: 0px) and (max-width: 1024px) { #navigation #searchButton, #navigation #searchClose { width: 60px; height: 60px } } #navigation #searchButton img, #navigation #searchClose img { width: 28px; height: 90px } #navigation #searchClose { align-items: center; color: #003366; font-size: 60px; font-weight: 600 } #navigation #logoLink { display: flex; justify-content: center; align-content: center; align-items: center } @media (max-width: 1100px) { #navigation #logoLink img { max-width: 100px } } @media (min-width: 0px) and (max-width: 1024px) { #navigation #logoLink img { margin-left: 0px; width: 75%; max-width: 80px } } @media (min-width: 1024px) { #navigation #logoLink img { margin-left: 0px; width: 75%; max-width: 200px } } #navigation #logoLink img:nth-child(2) { width: 84px; height: 84px; margin-left: 16px } @media (max-width: 1440px) { #navigation #logoLink img:nth-child(2) { display: none } } @media (min-width: 0px) and (max-width: 1024px) { #navigation .container-fluid { padding: 0 } } #desktopNavContainer { height: 100px } @media (min-width: 0px) and (max-width: 1024px) { #desktopNavContainer { display: none } } @media (min-width: 1024px) { #mobileNavContainer { display: none } } @media (min-width: 0px) and (max-width: 1024px) { #mobileNavContainer { display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; width: 100%; margin: 0px 0px } } .navContent { display: flex; align-items: center } .mobileNavContent { display: none; align-items: center; justify-content: space-around; border-bottom: solid 8px #5BBAE3 } .mobileNavContent.active { display: flex } .mobileNavBar { padding: 0 } #navLogoColumn { justify-content: flex-start } #mobileLogoColumn { justify-content: space-between; order: 1; flex: 1 1 auto } @media (min-width: 0px) and (max-width: 1024px) { #mobileNavPageLinkColumn { background: white; order: 3; width: 100% } } #mobileNavPageLinkColumn #navigationLinkContainer { width: 100%; height: 100%; display: flex; list-style: none; justify-content: space-between; margin: 0; padding: 0; text-align: center } @media (min-width: 0px) and (max-width: 1024px) { #mobileNavPageLinkColumn #navigationLinkContainer { flex-direction: column } #mobileNavPageLinkColumn #navigationLinkContainer * { max-width: 100% } } @media (min-width: 0px) and (max-width: 1024px) { #mobileNavPageLinkColumn #navigationLinkContainer.active { display: flex } } #mobileNavPageLinkColumn #navigationLinkContainer li { display: flex; flex-direction: column } #mobileNavPageLinkColumn #navigationLinkContainer li * { max-width: 100% } @media (min-width: 1024px) { #mobileNavPageLinkColumn #navigationLinkContainer li { align-items: stretch; justify-content: center } } @media (min-width: 0px) and (max-width: 1024px) { #mobileNavPageLinkColumn #navigationLinkContainer li { width: 100%; border-bottom: solid 1px #F3F5F7; justify-content: center } } #mobileNavPageLinkColumn #navigationLinkContainer li a.navigationLinks { position: relative; font-family: "Poppins", sans-serif; font-size: 18px; color: #003366; text-decoration: none; background: none; border: none; padding: 0; font-weight: 400 } @media (min-width: 1024px) { #mobileNavPageLinkColumn #navigationLinkContainer li a.navigationLinks:hover .navMegaMenu { display: block; overflow: hidden; } } @media (min-width: 0px) and (max-width: 1024px) { #mobileNavPageLinkColumn #navigationLinkContainer li a.navigationLinks { height: 48px; width: 100%; text-align: left; display: flex; align-items: center; padding-left: 16px } #mobileNavPageLinkColumn #navigationLinkContainer li a.navigationLinks.active { padding-left: 16px; background: #F3F5F7 } #mobileNavPageLinkColumn #navigationLinkContainer li a.navigationLinks.active:after { transform: rotate(180deg); top: 30% } #mobileNavPageLinkColumn #navigationLinkContainer li a.navigationLinks:after { content: ''; position: absolute; top: 40%; right: 8px; background: url("/local/templates/hytest/css/readMoreLink-icon.svg") no-repeat; width: 16px; height: 18px } } #mobileCartLink { display: flex } #mobileCartLink a { font-family: "Poppins", sans-serif; font-size: 18px; color: #003366; text-decoration: none; font-weight: 400 } #navigationUserContainer { margin-left: auto } #navigationLinkContainer { margin-left: 32px } #navPageLinkColumn { height: 60px; padding-top: 40px } @media (min-width: 0px) and (max-width: 1024px) { #navPageLinkColumn { background: white; order: 3; width: 100% } } #navPageLinkColumn #navigationLinkContainer, #navPageLinkColumn #navigationUserContainer { height: 100%; display: flex; list-style: none; justify-content: space-between; padding: 0; text-align: center } @media (min-width: 0px) and (max-width: 1024px) { #navPageLinkColumn #navigationLinkContainer, #navPageLinkColumn #navigationUserContainer { flex-direction: column } #navPageLinkColumn #navigationLinkContainer *, #navPageLinkColumn #navigationUserContainer * { max-width: 100% } } @media (min-width: 0px) and (max-width: 1024px) { #navPageLinkColumn #navigationLinkContainer.active, #navPageLinkColumn #navigationUserContainer.active { display: flex } } #navPageLinkColumn #navigationLinkContainer li, #navPageLinkColumn #navigationUserContainer li { display: flex; flex-direction: column } #navPageLinkColumn #navigationLinkContainer li *, #navPageLinkColumn #navigationUserContainer li * { max-width: 100% } @media (min-width: 1024px) { #navPageLinkColumn #navigationLinkContainer li, #navPageLinkColumn #navigationUserContainer li { align-items: stretch; justify-content: center; margin-left: 16px; margin-right: 16px } } @media (min-width: 1025px) and (max-width: 1330px) { #navPageLinkColumn #navigationLinkContainer li, #navPageLinkColumn #navigationUserContainer li { margin-left: 8px; margin-right: 8px } } @media (min-width: 0px) and (max-width: 1024px) { #navPageLinkColumn #navigationLinkContainer li, #navPageLinkColumn #navigationUserContainer li { width: 100%; border-bottom: solid 1px #F3F5F7; justify-content: flex-start } } #navPageLinkColumn #navigationLinkContainer li a.navigationLinks, #navPageLinkColumn #navigationUserContainer li a.navigationLinks { position: relative; font-family: "Poppins", sans-serif; font-size: 18px; color: #003366; text-decoration: none; background: none; border: none; padding: 0; font-weight: 400 } @media (min-width: 1101px) and (max-width: 1330px) { #navPageLinkColumn #navigationLinkContainer li a.navigationLinks, #navPageLinkColumn #navigationUserContainer li a.navigationLinks { font-size: 16px } } @media (min-width: 1025px) and (max-width: 1100px) { #navPageLinkColumn #navigationLinkContainer li a.navigationLinks, #navPageLinkColumn #navigationUserContainer li a.navigationLinks { font-size: 15px } } @media (min-width: 1024px) { #navPageLinkColumn #navigationLinkContainer li a.navigationLinks:hover .navMegaMenu, #navPageLinkColumn #navigationUserContainer li a.navigationLinks:hover .navMegaMenu { display: block } } @media (min-width: 0px) and (max-width: 1024px) { #navPageLinkColumn #navigationLinkContainer li a.navigationLinks, #navPageLinkColumn #navigationUserContainer li a.navigationLinks { height: 53px; width: 100%; text-align: left; display: flex; align-items: center; padding-left: 16px } #navPageLinkColumn #navigationLinkContainer li a.navigationLinks.active, #navPageLinkColumn #navigationUserContainer li a.navigationLinks.active { padding-left: 16px; background: #F3F5F7 } #navPageLinkColumn #navigationLinkContainer li a.navigationLinks.active:after, #navPageLinkColumn #navigationUserContainer li a.navigationLinks.active:after { transform: rotate(180deg); top: 30% } #navPageLinkColumn #navigationLinkContainer li a.navigationLinks:after, #navPageLinkColumn #navigationUserContainer li a.navigationLinks:after { content: ''; position: absolute; top: 40%; right: 16px; background: url("/local/templates/hytest/css/arrow-up-down-icon.svg") no-repeat; width: 16px; height: 18px } } @media (min-width: 0px) and (max-width: 1024px) { #navSearchColumn { order: 2; flex: 1 1 auto; justify-content: flex-end; margin-left: auto } } .navMegaMenu { display: none; padding: 24px 0px; position: absolute; background: white; z-index: 9999; top: 67px; left: 0; width: 100% } #header-contacts { z-index: 9999; } @media (min-width: 1024px) { .navMegaMenu:after { content: ''; position: absolute; bottom: -10px; left: 0; width: 100%; opacity: 0.36; background-image: linear-gradient(0deg, transparent 0%, #000 100%); height: 10px } } @media (min-width: 0px) and (max-width: 1024px) { .navMegaMenu { position: relative; top: 0px; display: block; padding: 0; padding-top: 0px } } .navMegaMenuContainer { display: flex } .navMegaMenuContainer:hover .navMegaMenu { display: block } .megaMenuItem { position: relative; display: flex; flex-direction: row; flex-wrap: wrap; height: 100%; text-align: left } @media (min-width: 1024px) { .megaMenuItem { height: 320px } } @media (min-width: 0px) and (max-width: 1024px) { .megaMenuItem { flex-direction: column; align-content: center; align-items: center; padding: 16px 0px 16px 0px } .megaMenuItem * { max-width: 100% } } .megaMenuItem h3 { width: 100%; padding-left: 24px; font-family: "Poppins", sans-serif; font-size: 20px; color: #003366; margin: 0; margin-bottom: 24px } @media (min-width: 0px) and (max-width: 1024px) { .megaMenuItem h3 { position: relative; font-size: 18px; line-height: 27px; font-weight: 400; margin-bottom: 0px; padding-left: 32px } .megaMenuItem h3:after { content: ''; position: absolute; top: 12px; left: 16px; border: 0.5px dotted white; width: 3px; height: 3px; background-color: #003366; box-sizing: border-box; transform: scale(3) } .megaMenuItem h3.active { margin-bottom: 8px } .megaMenuItem h3.active:after { border: 0px; height: 1px } } .megaMenuItem ul { flex: 1; list-style: none; padding: 0; padding-left: 24px; margin: 0; margin-bottom: auto; height: 100% } @media (min-width: 0px) and (max-width: 1024px) { .megaMenuItem ul { width: 100%; display: none; padding: 0 } .megaMenuItem ul.active { display: block } } @media (min-width: 0px) and (max-width: 1024px) { .megaMenuItem ul li { padding: 0px 0px } } .megaMenuItem ul li a { font-family: "Poppins", sans-serif; font-size: 18px; line-height: 41px; text-decoration: none; color: #003366 } @media (min-width: 0px) and (max-width: 1024px) { .megaMenuItem ul li a { padding-left: 32px; line-height: 22px; padding-top: 7px; } } @media (min-width: 1024px) { .megaMenuItem ul li a:hover { position: relative; left: -8px; background: #F3F5F7; border-radius: 3px; padding: 8px 8px 8px } } @media (min-width: 0px) and (max-width: 1024px) { .megaMenuItem.active ul { display: flex; flex-wrap: wrap; min-height: 252px } } @media (min-width: 0px) and (max-width: 1024px) { .megaMenuItem.active ul:last-child { min-height: 140px } } @media (min-width: 1024px) { .categoryItem:before { content: ""; position: absolute; top: 0; left: 0; background: #5BBAE3; width: 3px; height: 100% } } #search { display: none; background: white } #search.active { display: block } #searchContainer { padding: 24px 0px } @media (min-width: 0px) and (max-width: 1024px) { #searchContainer { padding: 12px 0px } } #searchContainer input { width: 100%; height: 64px; border: solid 1px #003366; padding: 8px 24px; font-family: "Poppins", sans-serif; font-weight: 200; color: black; box-sizing: border-box; border-radius: 0px; font-size: 100%; background: white } @media (min-width: 0px) and (max-width: 1024px) { #searchContainer input { height: 48px } } #searchContainer form { position: relative } #searchContainer button { position: absolute; top: 15px; right: 20px; border: none; background: url("/local/templates/hytest/css/../images/search-arrow.svg") no-repeat; width: 108px; height: 36px; cursor: pointer } @media (min-width: 0px) and (max-width: 1024px) { #searchContainer button { width: 50px; top: 8px; right: 0; background: url("/local/templates/hytest/css/../images/search-arrow-mobile.svg") no-repeat } } .menuButton { width: 60px; height: 60px; display: none; align-items: center; justify-content: center; cursor: pointer; font-size: 50px; color: #003366; margin-left: auto } .menuButton.active { display: flex } .hamburgerMenu { display: block } .hamburgerMenu div { width: 24px; height: 3px; background-color: #003366; margin: 4px 0 } #mobileNavRow { align-items: center } #mobileMenuContainer { padding-right: 0px } #header { background: #81B8F5 url("/local/templates/hytest/css/../assets/images/1600x570_hytest_30v.jpg") no-repeat center top; background-size: cover; min-height: 470px; height: 470px; background-position: right; background-repeat: no-repeat; position: relative } #header.campaignHeader { background: #81B8F5 url("/local/templates/hytest/css/../images/HyTest_Herobanner_1600x570.jpg") no-repeat center top; background-size: cover; min-height: 470px; background-position: center; background-repeat: no-repeat; position: relative; //padding-bottom: 20px; //padding-top: 20px; } #header.campaignHeader>#headerWrapper .headerContainer { color: white } @media (min-width: 1024px) { #header { min-height: 470px; height: 470px } } @media (min-width: 0px) and (max-width: 767px) { #header { background: #81B8F5 url("/local/templates/hytest/css/../assets/images/1600x570_hytest_30v.jpg") no-repeat center top; background-size: cover; min-height: 350px; background-position: 95%; position: relative; height: auto } } #header.hidden { height: auto } .video-header { overflow: hidden } #header:after { content: ""; display: block; position: absolute; width: 100%; height: 150px; top: 0 } .headerContainer { max-width: 720px; color: white } @media (min-width: 0px) and (max-width: 767px) { .headerContainer { color: black } } @media (min-width: 768px) { .headerContainer { /*margin-top: 96px;*/ max-width: calc((100vw - 2rem) / 2) } } @media (min-width: 768px) and (max-width: 1024px) { .headerContainer { max-width: 512px; max-width: calc((100vw - 2rem) / 2) } } @media (min-width: 1440px) { .headerContainer { max-width: calc((1440px - 2rem) / 2) } } .headerContainer h1 { position: relative; font-family: "Poppins", sans-serif; font-size: 50px; font-weight: 400 } @media (min-width: 951px) and (max-width: 1310px) { .headerContainer h1 { font-size: calc(32px + 6 * ((100vw - 320px) / 1024)) } } @media (min-width: 768px) and (max-width: 950px) { .headerContainer h1 { font-size: 21px } } @media (min-width: 0px) and (max-width: 767px) { .headerContainer h1 { font-size: calc(32px + 6 * ((100vw - 320px) / 1024)) } } .headerContainer p { font-family: "Poppins", sans-serif; font-size: 21px; font-weight: 300; line-height: 31px } .only-upper { cursor: pointer } @media (min-width: 0px) and (max-width: 767px) { .only-upper { display: none } } @media (min-width: 768px) { .only-lower { display: none } } .only-lower.hidden { display: none } #video-bg { position: absolute; top: -50%; left: -50%; overflow: hidden; z-index: -100; width: 200%; height: 200% } @media (min-width: 0px) and (max-width: 767px) { #video-bg { direction: rtl } } #video-bg video { position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; min-height: 50%; min-width: 50% } @media (min-width: 0px) and (max-width: 767px) { #video-bg video { display: none } } #video-bg img { display: none } @media (min-width: 0px) and (max-width: 767px) { #video-bg img { display: inline } } #footer { width: 100%; padding: 50px 0px; background: #103666 } #footer h4 { font-family: "Poppins", sans-serif; font-size: 28px; font-weight: 600; color: white; position: relative; margin: 5px } #footer ul { list-style: none; padding: 0 } #footer ul li { font-family: "Poppins", sans-serif; line-height: 28px; color: white } #footer p { color: white; text-align: right; font-family: "Poppins", sans-serif } .flexColumn { display: flex; flex-direction: column } .flexColumn * { max-width: 100% } .iconContainer { display: flex; justify-content: space-around; align-items: center; margin-top: 50px } @media (min-width: 0px) and (max-width: 1024px) { .iconContainer { margin-top: 16px } } .copyright { display: flex; flex-grow: 1; align-items: flex-end; align-self: flex-end } .columnBoxes { background: #E8E5DE } .columnBoxesContainer h1 { font-family: "Poppins", sans-serif; font-weight: 400; margin-top: 0; margin-bottom: 32px; color: black } .columnsBoxes { min-height: 200px } .columnsBoxes .box { display: flex; justify-content: space-between; border: 1px solid lightgrey; border-radius: 6px; padding-top: 16px; padding-bottom: 16px; padding-left: 16px; padding-right: 16px; transition: box-shadow 0.1s ease, border 0.1s ease; height: 100% } .columnsBoxes .box * { max-width: 100% } .columnsBoxes .box:hover { box-shadow: 0px 0px 20px rgba(38, 38, 38, 0.2); transform: translateY(-3px); border: none; transition: transform 0.4s ease, box-shadow 0.4s ease, border 0.4s ease, padding 0.4s ease } .columnsBoxes .box2 { display: flex; flex: 1; position: relative; justify-content: space-between; padding: 8px; transition: box-shadow 0.1s ease, border 0.1s ease; height: 100% } .columnsBoxes .box2 h2 { color: #003366 } .columnsBoxes .box2 p { color: #003366 } .columnsBoxes .box2 * { max-width: 100% } .columnsBoxes .box2:hover { box-shadow: 0px 0px 20px rgba(38, 38, 38, 0.2); transform: translateY(-3px); border: none; transition: transform 0.4s ease, box-shadow 0.4s ease, border 0.4s ease, padding 0.4s ease } .columnsBoxes .parent { display: flex; justify-content: center; align-items: center } .columnsBoxes h2 { font-family: "Poppins", sans-serif; font-size: 18px; font-weight: 500; color: black; margin-top: 15px; margin-bottom: 8px } .columnsBoxes p { font-family: "Poppins", sans-serif; font-size: 18px; font-weight: 300; color: black; margin-bottom: 24px } .columnsBoxes a { margin-top: auto; text-decoration: none } .columnsBoxes span { width: 100%; display: inherit } .columnsBoxes img { width: 94px; height: 94px } .columnBox { padding-bottom: 12px } .five-col { flex-basis: 20%; max-width: 20%; flex: 1; position: relative; padding-left: 25px } @media (max-width: 1199px) { .five-col { flex-basis: 100%; max-width: 100% } } @media (min-width: 520px) { .five-col:not(:last-child):before { content: ''; position: absolute; height: 90%; width: 1px; background-color: white; right: 0 } } .fivex-col { flex-basis: 20%; max-width: 20%; flex: 1; position: relative; padding-left: 25px } @media (max-width: 1199px) { .fivex-col { flex-basis: 100%; max-width: 100% } } @media (min-width: 520px) { .fivex-col::before { content: ''; position: absolute; height: 70%; margin-top: 25px; width: 1px; padding-top: 5px; background-color: white; right: 0 } } #productTab { background: #EBF1F7 } #productTabImage img { width: 68%; height: auto } @media (min-width: 0px) and (max-width: 767px) { #productTabImage img { width: 100% } } #productTabsLinks { width: 100%; background: white } @media (min-width: 0px) and (max-width: 1024px) { #productTabsLinks { margin-top: 24px } } .clinicTab { background: #b9d78e; border-radius: 15px 15px 0px 0px; height: 70px } .productTab { background: #a0cdc7; border-radius: 15px 15px 0px 0px; height: 70px } .productTabsLink { font-family: "Poppins", sans-serif; font-size: 18px; font-weight: 600; color: #003366; position: relative; cursor: pointer; text-align: center; top: 33% } @media (min-width: 0px) and (max-width: 1024px) { .productTabsLink { margin-bottom: 24px } } .productTabsLink.active:after { content: ''; position: absolute; bottom: -9px; left: 0; width: 100%; height: 4px } @media (min-width: 0px) and (max-width: 500px) { .productTabsLink { font-size: 16px; margin-right: 0px } } .productTabContent { min-height: 90px; margin-top: 25% } @media (min-width: 0px) and (max-width: 1024px) { .productTabContent { margin-top: 0% } } .productTabContent h4 { font-family: "Poppins", sans-serif; font-size: 14px; color: #003366; font-weight: 400; margin: 0; margin-bottom: 16px } .productTabContent h3 { color: #003366; font-weight: 600 } .productTabContent p { font-family: "Poppins", sans-serif; font-size: 18px; color: #003366; font-weight: 400 } .productTabContent a { margin-top: 125px } .productTabContent.homepage { margin-top: -10% } @media (min-width: 0px) and (max-width: 1024px) { .productTabContent.homepage { margin-top: -20% } } .newsFeedList ul { margin: 0; padding: 0; font-family: "Poppins", sans-serif; color: #003366; list-style: none; font-weight: 400 } .newsFeedList ul li { min-height: 83px; margin-bottom: 24px; border-bottom: solid 1px rgba(0, 51, 102, 0.7); font-weight: 400 } .newsFeedList article h3 { font-weight: 400; margin-bottom: 24px } .newsFeedList article h3 a { color: #003366; text-decoration: none } .newsFeedList article time { font-weight: 200; margin-bottom: 18px; margin-right: 8px } .newsFeedList article span { font-weight: 200; margin-bottom: 18px; margin-left: 8px } .imageContainer { margin-right: 35px; margin-bottom: -10px } @media (min-width: 520px) { .imageContainer { float: left } } .imageContainer img { max-width: 240px; height: 280px; max-height: 100%; object-fit: cover; } @media (min-width: 0px) and (max-width: 1024px) { .imageContainer img { width: 380px; max-width: 380px; height: 350px } } .newsHighlight { background: #103666; border-radius: 15px; overflow: hidden } .textContainer h3 { color: white; font-size: 24px; font-weight: 200; margin-top: 125px; margin-right: 15px } @media (min-width: 0px) and (max-width: 1024px) { .textContainer h3 { margin-top: 25px; margin-left: 15px } } .productColumnBox { display: flex; flex-direction: row; align-items: center; padding: 16px } .productColumnBox img { padding: 12px } .productColumnBox h4 { font-family: "Poppins", sans-serif; font-size: 18px; font-weight: 600; color: #003366; margin: 0; line-height: 24px } .productColumnBox p { font-family: "Poppins", sans-serif; font-size: 18px; font-weight: 300; line-height: 24px; color: #003366; margin: 0 } @media (min-width: 0px) and (max-width: 1024px) { #sidebarLinks { display: none } } #sidebarLinks ul { list-style: none; margin: 0; padding: 0 } #sidebarLinks ul li { font-size: 21px; font-weight: 600; font-family: "Poppins", sans-serif; margin-bottom: -1px } #sidebarLinks ul li.category { margin-top: 16px; margin-bottom: 8px } #sidebarLinks ul li a { font-size: 16px; font-weight: 400; color: #003366; text-decoration: none; padding-left: 0px; margin-top: 8px } #sidebarLinks ul li.active a { color: #5BBAE3 } #sidebarSimple ul { list-style: none; margin: 0; padding: 0 } #sidebarSimple ul li { font-size: 21px; font-weight: 500; font-family: "Poppins", sans-serif; margin-bottom: 16px } #sidebarSimple ul li.category a { font-weight: 600; color: #b9d78e } #sidebarSimple ul li a { font-size: 18px; font-weight: 400; color: #003366; text-decoration: none; margin-top: 8px } #sidebarSimple ul li.active a { color: #5BBAE3 } #sidebarSimple ul li:hover a { font-weight: 600 } @media (min-width: 0px) and (max-width: 1199px) { #sidebarSimple { display: none } } #productSingleHeader { background-image: linear-gradient(-180deg, #fff 86%, #FBFBFB 93%, #F3F5F7 100%) } #productSingleHeaderAddcart { display: flex; align-items: center; justify-content: space-between; font-family: "Poppins", sans-serif; margin-top: 48px } #productSingleHeaderAddcart #mabsSector { display: flex; align-items: center } #productSingleHeaderAddcart #mabsSector span { margin-right: 24px } #productSingleHeaderAddcart #productAddCart { display: flex; flex-direction: column; text-align: center } #productSingleHeaderAddcart #productAddCart * { max-width: 100% } #productSingleHeaderAddcart #productAddCart button { width: 100%; background: #A2C34E; border: none; border-radius: 6px; padding: 16px 56px; color: white; font-size: 24px; font-weight: 500; margin-bottom: 8px } #productSingleHeaderAddcart #productAddCart a { text-decoration: none; color: #003366 } #tabNavBar { border-bottom: solid 1px #AEBDCD } #tabNavBar div.hamburgerMenu { display: none } #tabNavBar ul { width: 100%; list-style: none; padding: 0; margin: 0; display: flex; justify-content: center } #tabNavBar ul li { cursor: pointer; margin: 15px 48px; font-family: "Poppins", sans-serif; text-decoration: none; font-size: 18px; color: black; font-weight: 400; background-color: #E8E5DE } #tabNavBar ul li.active, #tabNavBar ul li:hover { color: white; background-color: #003366 } @media (max-width: 991px) { #tabNavBar { display: none } } #tabNavBar ul.pink li.active, #tabNavBar ul.pink li:hover { color: #C10059; border-bottom: solid 4px #C10059 } #tabNavBar ul.red li.active, #tabNavBar ul.red li:hover { color: #E30613; border-bottom: solid 4px #E30613 } #tabNavBar ul.yellow li.active, #tabNavBar ul.yellow li:hover { color: #E8E100; border-bottom: solid 4px #E8E100 } #tabNavBar ul.orange-60 li.active, #tabNavBar ul.orange-60 li:hover { color: #F5A483; border-bottom: solid 4px #F5A483 } #tabNavBar ul.pink-40 li.active, #tabNavBar ul.pink-40 li:hover { color: #F5B5D3; border-bottom: solid 4px #F5B5D3 } #tabNavBar ul.beige-30 li.active, #tabNavBar ul.beige-30 li:hover { color: #E4D9C8; border-bottom: solid 4px #E4D9C8 } #tabNavBar ul.black li.active, #tabNavBar ul.black li:hover { color: #000000; border-bottom: solid 4px #000000 } #tabNavBar ul.light-turquoise li.active, #tabNavBar ul.light-turquoise li:hover { color: #5FC3D9; border-bottom: solid 4px #5FC3D9 } #tabNavBar ul.purple li.active, #tabNavBar ul.purple li:hover { color: #752182; border-bottom: solid 4px #752182 } #tabNavBar ul.green li.active, #tabNavBar ul.green li:hover { color: #00ACA9; border-bottom: solid 4px #00ACA9 } #tabNavBar ul.grey li.active, #tabNavBar ul.grey li:hover { color: #7C98A8; border-bottom: solid 4px #7C98A8 } #tabNavBar ul.turquoise li.active, #tabNavBar ul.turquoise li:hover { color: #00618A; border-bottom: solid 4px #00618A } #tabNavBar ul.turquoise-60 li.active, #tabNavBar ul.turquoise-60 li:hover { color: #6E9ED4; border-bottom: solid 4px #6E9ED4 } #tabNavBar ul.green-two li.active, #tabNavBar ul.green-two li:hover { color: #31A838; border-bottom: solid 4px #31A838 } #tabNavBar ul.dark-green li.active, #tabNavBar ul.dark-green li:hover { color: #1E5851; border-bottom: solid 4px #1E5851 } #tabNavBar ul.lime li.active, #tabNavBar ul.lime li:hover { color: #A2C34E; border-bottom: solid 4px #A2C34E } #tabNavBar ul.light-lime li.active, #tabNavBar ul.light-lime li:hover { color: #C0DA9D; border-bottom: solid 4px #C0DA9D } #tabNavBar ul.sky-blue li.active, #tabNavBar ul.sky-blue li:hover { color: #009FE3; border-bottom: solid 4px #009FE3 } .mobileTabNavBar { margin: 32px; border: solid 1px #AEBDCD; padding: 8px; display: none } @media (min-width: 0px) and (max-width: 991px) { .mobileTabNavBar { display: block } } @media (min-width: 0px) and (max-width: 1200px) { .mobileTabNavBar.supportNav { display: block } } .mobileTabNavBar div.hamburgerMenu { display: block; padding-top: 4px } .mobileTabNavBar div.container-fluid { padding: 0px } .mobileTabNavBar ul { width: 100%; flex-direction: column } .mobileTabNavBar ul * { max-width: 100% } .mobileTabNavBar ul li { display: none; padding: 0px; margin: 0px; font-size: 20px; font-weight: 600 } .mobileTabNavBar ul li a { text-decoration: none; display: block } .mobileTabNavBar ul li.active { color: #003366 } .mobileTabNavBar #selectHelper { color: #003366; font-weight: 600; font-size: 20px } .mobileTabNavBar.active div#selectHelper { visibility: hidden } .mobileTabNavBar.active ul li { display: list-item; padding: 8px 0px } .mobileTabNavBar.active ul li+li { border-top: solid 1px #AEBDCD } .mobileTabNavBar.active ul li:nth-child(2) { padding-top: 0px; margin-top: -20px } .mobileTabNavBar.active ul li:nth-child(5) { padding-bottom: 0px } .tabContainer { display: flex; justify-content: space-between; padding: 0px 16px } .mobileTabActive { display: flex; justify-content: space-between } #mobileSideBar { margin-top: 0px; margin-bottom: 64px } #breadcrumbBar { display: flex; background: #F3F5F7 } @media (min-width: 0px) and (max-width: 1024px) { #breadcrumbBar { display: none } } #breadcrumbBar ul { list-style: none; display: flex; justify-content: flex-start; padding: 0; margin: 0 } #breadcrumbBar ul li { padding: 16px 0px; padding-right: 16px; font-size: 12px; } #breadcrumbBar ul li:nth-child(n+2) a { font-weight: 400 } #breadcrumbBar ul li:nth-child(n+2) a:after { content: '/'; position: absolute; top: -8px; left: -10px } #breadcrumbBar ul li:nth-child(n+2) p { font-weight: 400 } #breadcrumbBar ul li:nth-child(n+2) p:after { content: '/'; position: absolute; left: -10px } #breadcrumbBar ul a { position: relative; color: #003366; font-family: "Poppins", sans-serif; text-decoration: none; font-weight: 300 } #breadcrumbBar ul p { position: relative; color: #003366; font-family: "Poppins", sans-serif; text-decoration: none; font-weight: 300; margin: 0 } #mobilecrumbBar { display: none; background: #F3F5F7 } @media (min-width: 0px) and (max-width: 1024px) { #mobilecrumbBar { display: flex } } #mobilecrumbBar ul { list-style: none; display: flex; justify-content: flex-start; padding: 0; margin: 0 } #mobilecrumbBar ul li { padding: 16px 0px; padding-right: 16px } #mobilecrumbBar ul li a { font-weight: 400 } #mobilecrumbBar ul li a:after { content: ''; position: absolute; top: 0px; left: -24px; width: 16px; height: 16px; background: url("/local/templates/hytest/css/../images/readMoreLink-icon.svg") no-repeat; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) } #mobilecrumbBar ul a { position: relative; color: #003366; font-family: "Poppins", sans-serif; text-decoration: none; font-weight: 300 } .productTableList { margin-bottom: 40px } .productTableRow { font-family: "Poppins", sans-serif; color: #003366; border-bottom: solid 1px #8095AA; padding-top: 1px; padding-bottom: 1px } .productTableRow .column-heading { font-weight: 300; line-height: 24px; color: black } .productTableRow button { border: none; border-radius: 6px; background: #A2C34E; color: white; line-height: 24px; padding: 8px; font-weight: 400 } .name-cell { width: 41% } .cat-cell { width: 20% } .mab-cell { width: 13% } .price-cell { width: 13% } .action-cell { width: 13% } .productTable { display: flex; flex-wrap: wrap; padding: 0 } .productTable .productTableRow { width: 100%; display: flex; justify-content: space-between } .productTable .productTableRow .productTable-cell { box-sizing: border-box; flex-grow: 1; overflow: hidden; list-style: none } .productTable .productTableRow .productTable-cell .productTable-cell--heading { display: none } @media (min-width: 0px) and (max-width: 1024px) { .productTable .productTableRow { box-sizing: border-box; width: 100%; display: flex; flex-wrap: wrap } } @media (min-width: 0px) and (max-width: 1024px) { .productTable { display: block; width: 100%; box-shadow: none } } @media (min-width: 0px) and (max-width: 1024px) { .productTable .productTableRow .productTable-cell { width: 100% !important; display: flex; align-items: flex-start; border-bottom: dashed 1px #DFE1E3; padding: 8px 16px } .productTable .productTableRow .productTable-cell:last-child { border: none } .productTable .productTableRow .productTable-cell .productTable-cell--heading { font-weight: 300; line-height: 24px; color: black; display: inline-block; flex: 1 1 auto; max-width: 40px; min-width: 40px; margin-right: 1em } .productTable .productTableRow .productTable-cell .productTable-cell--content { flex: 2 1 auto } .productTable .productTableRow .productTable-cell button { margin-top: 24px; width: 100% } .productTable .productTableRow-head { display: none } } body { font-family: "Poppins", sans-serif } #navPageLinkColumn #navigationUserContainer li.logged-in-nav, #navPageLinkColumn #navigationUserContainer li.logged-out-nav { display: none } #navPageLinkColumn #navigationUserContainer li.logged-in-nav.active, #navPageLinkColumn #navigationUserContainer li.logged-out-nav.active { display: flex } #productCategoryMain, #diseaseCategoryMain { display: none; height: 200px } #productCategoryMain.active, #diseaseCategoryMain.active { display: flex; border-radius: 0px 0px 15px 15px } .pageHeading h6 { font-size: 18px; margin-top: 16px } .articles-content { font-size: 18px } .articles-content ul { line-height: 1.2 } .articles-content ul li { margin: 16px 0px } .articles-content p { font-size: 18px } .articles-content a { color: #003366; text-decoration: none; font-weight: 600 } .patents-content { font-size: 18px; line-height: 27px } .patents-content h4 { font-size: 18px; font-weight: 400 } .patents-content ul { display: flex } @media (min-width: 0px) and (max-width: 1199px) { .patents-content ul { flex-direction: column } .patents-content ul * { max-width: 100% } } .patents-content li { white-space: nowrap } .patents-content li a { color: #003366; text-decoration: none; font-weight: 400 } @media (min-width: 0px) and (max-width: 1199px) { .patents-content li:before { content: ""; display: inline-block; width: 9px; height: 9px; margin-right: 10px; margin-left: 15px; background: #003366; transform: rotate(45deg) } } .patents-content li+li:before { content: ""; display: inline-block; width: 9px; height: 9px; margin-right: 10px; margin-left: 15px; margin-bottom: 2px; background: #003366; transform: rotate(45deg) } .patents-content p { font-size: 18px; line-height: 27px } .support-content { font-size: 18px } .support-content p { font-size: 18px } .support-content a { /*color: #003366;*/ text-decoration: none; font-weight: 400; text-decoration: underline; } @media (min-width: 0px) and (max-width: 1024px) { .support-content a { font-size: 16px } } @media (min-width: 0px) and (max-width: 1024px) { .support-content li { margin-top: 16px; margin-bottom: 16px } } .support-content h3, .support-content h4, .support-content h5 { font-weight: 400 } .support-content strong { font-weight: 600 } .support-content ul+p { margin-top: 32px } .support-content img { height: 30px; margin-right: 7px } .technote-content { font-size: 18px } .technote-content h1, .technote-content h2, .technote-content h3, .technote-content h4, .technote-content h5, .technote-content h6 { font-size: 30px; font-weight: 400; font-family: "Poppins", sans-serif } .technote-content ul li { margin-top: 8px } html { scroll-behavior: smooth } @media (min-width: 1200px) { #technote_sidebar_content { /*position: fixed;*/ top: 160px } } @media (max-width: 1199px) { .md-reverse { flex-direction: column-reverse } .md-reverse * { max-width: 100% } } .megaImage { width: 100%; margin-left: 0; margin-right: 0; margin-top: -16px } .megaImageContainer { position: relative; overflow: hidden; height: 317px; width: 90% } @media (min-width: 0px) and (max-width: 991px) { .megaImageContainer { height: 150px } } @media (min-width: 0px) and (max-width: 1199px) { .megaImageContainer { width: 100% } } .megaImageContainer img { top: 50%; left: 50%; position: relative; transform: translate(-50%, -50%); width: 100%; height: auto } .product-description { margin-top: 32px; font-size: 20px; font-weight: 300; font-family: "Poppins", sans-serif } .product-description p { font-size: 20px; font-weight: 300; font-family: "Poppins", sans-serif } .product-side-upper-container { display: flex } .product-side-upper { display: block; align-self: flex-end } .product-side-lower ul li a { font-weight: 400 } .product-footer { background: #F0F4F9; width: 100% } .product-footer-content { max-width: 70%; font-size: 18px; font-family: "Poppins", sans-serif } @media (min-width: 0px) and (max-width: 1024px) { .product-footer-content { max-width: 100% } } .product-footer-content a { text-decoration: none } .product-footer-content h2 { margin-top: 0px; font-size: 36px; font-weight: 400 } .product-footer-content h3 { font-size: 20px; font-weight: 400; color: #003366; padding-bottom: 5px; border-bottom: 1px solid #ABBACC } .product-footer-content table { color: #003366 } .product-footer-content table tr+tr td { padding-top: 10px } .product-footer-content table td+td { padding-left: 32px } h1, h2, h3, h4, h5, h6 { font-family: "Poppins", sans-serif; font-weight: 400 } .megaMenuItem h3 { font-weight: bold } .news-mega-container { background: url("/local/templates/hytest/css/../images/PlayerBG2x.png") no-repeat center #5BBAE3; color: white; padding-top: 72px; padding-bottom: 72px; margin-left: 0px; margin-right: 0px; font-family: "Poppins", sans-serif } .news-mega-container h1 { font-size: 48px; font-family: "Poppins", sans-serif } @media (max-width: 991px) { .news-mega-container h1 { margin-top: 0px; font-size: 40px } } @media (max-width: 991px) { .news-mega-container { padding-top: 0px; padding-bottom: 32px } } .news-mega-button { background: white; color: #003366; text-decoration: none; font-weight: 600; font-size: 23px; padding: 12px 72px; border-radius: 6px; display: inline-block } @media (max-width: 991px) { .news-mega-button { width: 100%; text-align: center } } .news-mega-image-container { height: 360px; padding-left: 10%; position: relative; overflow: hidden; width: 100% } .news-mega-image-container img { top: 50%; left: 50%; position: relative; transform: translate(-50%, -50%); width: 100%; height: auto } @media (max-width: 991px) { .news-mega-image-container { height: 240px } } .news-item { font-family: "Poppins", sans-serif; font-weight: 300; font-size: 18px; margin-top: 56px; color: black; width: 50%; box-sizing: border-box; padding: 10px; position: relative } .news-item a { text-decoration: none; color: #003366; font-weight: 600 } .news-item a.title { font-size: 21px; font-weight: 400 } .news-item a.readMore { font-size: 16px } .news-item div { margin-top: 16px; margin-bottom: 16px } @media (max-width: 991px) { .news-item { margin-top: 0px; width: 100% } } @media (min-width: 520px) { .news-item::before { display: inline-block; content: ""; border-top: 1px solid black; width: 100%; transform: translateY(-1rem) } } .news-mega-header { display: flex } @media (max-width: 991px) { .news-mega-header { flex-direction: column-reverse } .news-mega-header * { max-width: 100% } .news-mega-header div { flex: 1 1 auto } } .news-list-container { color: #003366 } @media (max-width: 991px) { .news-list-container { padding-left: 32px; padding-right: 32px } } @media (min-width: 992px) and (max-width: 1440px) { .news-list-container { padding-left: 72px; padding-right: 72px } } .pagination { color: #003366; font-size: 18px; font-family: "Poppins", sans-serif; font-weight: 300; margin: 0% 30% } .pagination span, .pagination a { padding-left: 10px; padding-right: 10px; padding-top: 2px; padding-bottom: 2px } .pagination a { text-decoration: none } .pagination span.current { background: #003366; color: white; font-weight: 600; border-radius: 50% } .next_page { position: relative } .next_page:not(.disabled):after { content: ''; position: absolute; top: 10px; right: -10px; width: 8px; height: 12px; background: url("/local/templates/hytest/css/../images/readMoreLink-icon.svg") no-repeat } @media (max-width: 768px) { .next_page { font-size: 0 } .next_page:not(.disabled):after { top: -7px } } .prev_page { position: relative } .prev_page:not(.disabled):before { content: ''; position: absolute; top: 10px; left: -10px; width: 8px; height: 12px; background: url("/local/templates/hytest/css/../images/readMoreLink-icon.svg") no-repeat; -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -ms-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1) } @media (max-width: 768px) { .prev_page { font-size: 0 } .prev_page:not(.disabled):before { top: -7px } } @media (max-width: 991px) { .news-mega-texts { display: flex; flex-direction: column-reverse } .news-mega-texts * { max-width: 100% } } @media (max-width: 991px) { .mobileFW { width: 100%; margin-left: 0px; margin-right: 0px; padding-left: 0px; padding-right: 0px } } .news-date { margin-top: 32px; margin-bottom: 32px } @media (max-width: 991px) { .news-date { margin-top: 16px; margin-bottom: 16px } } #news-mega-item.hidden { display: none } .side-news { font-size: 16px; font-weight: 300; color: black; font-family: "Poppins", sans-serif } .side-news div.title { font-size: 22px; font-weight: 600; margin-bottom: 10px; border-bottom: solid 2px #003366 } .side-news div.mb-2 { margin-bottom: 16px } .side-news a { color: #003366; font-weight: 600; font-size: 16px; text-decoration: none; flex: 1; position: relative } .side-news a::after { display: inline-block; content: ""; border-top: 1px solid black; width: 100%; transform: translateY(-1rem) } .side-news a.white { color: white } .side-news ul { margin-bottom: 32px; line-height: 25px } .side-news ul li { margin-top: 8px; margin-bottom: 8px } .side-news.campaign-side ul { margin-bottom: 0px } .side-news.campaign-side li { margin-top: 0px; margin-bottom: 0px } .side-news.campaign-side li.paginated-link { margin-top: 8px } .side-news.campaign-side li.paginated-link a.active { color: #5BBAE3 } .side-news.all-news { margin-top: 24px; font-size: 16px; font-weight: 300; position: relative } .news-content { font-family: "Poppins", sans-serif; font-size: 18px } .news-content h4 { color: #5BBAE3; font-family: "Poppins", sans-serif; font-size: 32px; margin-bottom: 0px; margin-top: 0px } .news-content h3 { color: #003366 } .news-content h1 { color: black; font-family: "Poppins", sans-serif; font-size: 48px; margin-top: 16px } @media (max-width: 768px) { .news-content h1 { font-size: 36px } } .news-additional-container { display: flex; justify-content: space-between; font-weight: 300; font-size: 16px; margin-top: 8px; margin-bottom: 16px } @media (max-width: 520px) { .news-additional-container { flex-direction: column; align-items: center } .news-additional-container * { max-width: 100% } } .news-share { display: flex } .news-share div { margin-left: 8px; margin-right: 8px } .news-share img { width: 24px; height: 24px } @media (max-width: 520px) { .news-share { margin-top: 16px } } .news-image { height: 500px; width: 100%; position: relative; overflow: hidden; margin-top: 5% } .news-image img { top: 50%; left: 50%; position: relative; transform: translate(-50%, -50%); width: 100%; height: auto } @media (max-width: 768px) { .news-image { width: 100vw; margin-left: -47px } } .news-body { margin-top: 48px; font-size: 18px } .news-body p { line-height: 1.4; font-size: 18px } .news-body img { height: auto } .news-body * { max-width: 100% } #about-us-video { background: url("/local/templates/hytest/css/../images/PlayerBG2x.png") no-repeat center #5BBAE3; min-height: 400px; width: 100% } @media (min-width: 0px) and (max-width: 700px) { #about-us-video { height: auto; min-height: auto } } .video-container { display: flex; align-items: center; flex-direction: column; max-width: 640px; margin-right: auto; margin-left: auto; font-family: "Poppins", sans-serif; color: white; font-size: 24px; line-height: 1.4 } .video-container * { max-width: 100% } .video-container h1 { font-family: "Poppins", sans-serif; margin-top: 64px; font-size: 40px } @media (min-width: 0px) and (max-width: 700px) { .video-container { font-size: 20px } .video-container h1 { text-align: center; font-size: 28px; margin-top: 48px } } .video-description { text-align: center; margin-bottom: 54px } #play-the-video { background: white; color: #003366; padding: 17px 68px; border-radius: 6px; border: none; font-size: 20px; font-weight: 600; cursor: pointer; margin-bottom: 48px } @media (min-width: 0px) and (max-width: 700px) { #play-the-video { padding: 17px 64px } } .about-us-header { font-family: "Poppins", sans-serif; font-size: 18px; font-weight: 300; line-height: 1.4 } .about-us-header h3 { font-size: 48px } .about-us-header div { margin-top: 32px } .web-store h3 { font-size: 48px } .site-content { flex: 1 1 auto } .about-us-tab { display: none } .about-us-tab.active { display: block } .about-us-content { font-size: 18px; font-family: "Poppins", sans-serif; font-weight: 300; line-height: 1.4 } .about-us-content img { width: 400px; margin-top: 200px } .about-us-content h2 { font-size: 36px; margin-bottom: 48px; color: #003366 } .about-us-content h3 { font-size: 28px } .about-us-content div { font-size: 18px } .about-us-content p { font-size: 18px } .about-us-content a { font-size: 18px } .about-us-content ul { list-style-type: initial; list-style-position: inside; margin-bottom: 32px } .about-us-content ul li { margin: 12px 0px } .about-us-content .buttonContainer { margin-top: 64px; display: flex; justify-content: center } .wideButton { font-family: "Source Sans Pro", sans-serif; font-size: 24px; line-height: 1.5; padding: 16px 120px; display: inline-block; color: #fff; text-decoration: none; border-radius: 6px; background: #003366; cursor: pointer; font-weight: 600 } .memberModal { font-family: "Poppins", sans-serif; font-weight: 300; line-height: 1.4 } .memberModal .memberModalContainer { background-color: #fefefe; margin: auto; padding: 20px; border: 1px solid #888; width: 80%; max-width: 1200px } .memberModal .memberModalContent { padding-left: 30px; padding-top: 30px } .memberModal .memberModalName { font-size: 30px; font-weight: 600 } .memberModal .memberModalTitle { font-size: 20px; margin-top: 8px; margin-bottom: 24px } .memberModal .memberModalDescription { font-size: 18px; margin-bottom: 64px; padding-right: 30px } .memberModal .memberModalImage { margin-bottom: 30px; margin-top: auto; width: 100%; height: 360px; position: relative; overflow: hidden } @media (max-width: 991px) { .memberModal .memberModalImage { height: 300px } } .memberModal .memberModalImage img { top: 50%; left: 50%; position: relative; transform: translate(-50%, -50%); width: 100%; height: auto } .videoModalContainer { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center } .videoModalContainer iframe { width: 1280px; height: 720px } @media (min-width: 901px) and (max-width: 1400px) { .videoModalContainer iframe { width: 848px; height: 480px } } @media (min-width: 681px) and (max-width: 900px) { .videoModalContainer iframe { width: 640px; height: 360px } } @media (min-width: 426px) and (max-width: 680px) { .videoModalContainer iframe { width: 426px; height: 240px } } @media (min-width: 0px) and (max-width: 425px) { .videoModalContainer iframe { width: 256px; height: 144px } } @media (min-width: 0px) and (max-width: 620px) { .col-xxs-12 { flex-basis: 100%; max-width: 100% } } .supportTextContainer { height: 70px } .supportTextContainer h5 { font-family: "Poppins", sans-serif; font-weight: 600; font-size: 21px } .supportTextContainer h3 { font-family: "Poppins", sans-serif; font-weight: 300; font-size: 18px; color: black; margin-bottom: 0px } .supportTextContainer p { font-family: "Poppins", sans-serif; font-weight: 300; font-size: 18px; color: black; margin-bottom: 0px; margin-top: 45px; padding: 0 8px } .about-us-content * { max-width: 100% } .web-store { font-family: "Poppins", sans-serif; font-size: 18px; font-weight: 300 } .web-store h4 { font-size: 36px } .web-store p { font-size: 18px } .web-store a { text-decoration: none; color: #003366; font-weight: 600 } .web-store .about-us-content .buttonContainer { display: block; margin-top: 0px } .web-store .step-title { font-family: "Poppins", sans-serif; font-size: 30px; color: #003366; margin-top: 32px; margin-bottom: 16px } .web-store .step-title.first-step:before { content: '1'; padding: 7px 0px 0px 17px; color: white; display: inline-block; width: 48px; height: 48px; border-radius: 50%; margin-right: 24px; background: #5BBAE3 } .web-store .step-title.second-step:before { content: '2'; padding: 7px 0px 0px 15px; color: white; display: inline-block; width: 48px; height: 48px; border-radius: 50%; margin-right: 24px; background: #5BBAE3 } .web-store .step-title.third-step:before { content: '3'; padding: 7px 0px 0px 15px; color: white; display: inline-block; width: 48px; height: 48px; border-radius: 50%; margin-right: 24px; background: #5BBAE3 } .web-store .step-content { margin-left: 84px } .web-store .process-image { margin-top: 120px } .web-store .header-description { margin-top: 32px; line-height: 1.4; max-width: 950px } .web-store .wideButton { font-size: 18px; padding: 16px 64px; margin-top: 32px; margin-bottom: 32px; color: white } .productColumnBox.hidden { display: none } .productColumnBox h4 { font-size: 18px } .productColumnBox img { width: 84px; height: 82px; padding: 0px } .productColumnBox span { margin-left: 16px } .productColumnBox span img { width: unset; height: unset } .productColumnBox.categoriesList { margin: 0px } .ingress { font-size: 20px } .max-950 { max-width: 950px } a { cursor: pointer } .challenge-categories { font-family: "Poppins", sans-serif } .challenge-categories h5 { font-family: "Poppins", sans-serif; font-weight: 200; font-size: 18px; margin-top: -16px } .challenge-categories h2 { font-size: 36px } .challenge-categories h4 { color: black; font-size: 20px; margin-bottom: 8px } .challenge-categories p { color: black } .challenge-categories .ingress { font-size: 24px; line-height: 1.4 } .challenge-categories .productColumnBox { justify-content: left } .challenge-members { background: #F3F5F7 } .challenge-members h2 { margin-left: -2px } .challenge-members .textImageCardContainer { background: white } .challenge-members .textContainer { align-self: stretch } .challenge-members .textContainer h2 { color: #003366 } .challenge-members .textContainer h3 { color: black; margin-bottom: 24px } .challenge-members .textContainer p { margin-top: 24px; margin-bottom: 16px } .challenge-members .textContainer a.readMore { margin-top: auto } .challenge-members .textContainer p.readMore { margin-top: 0px; margin-bottom: 0px; color: #003366; font-size: 16px; text-align: center; font-weight: 600 } .wrap { overflow: hidden; flex-grow: 1 } .carousel { display: flex } .carousel.three-card>.carousel-seat.is-next { order: 4 } @media (min-width: 991px) { .carousel.three-card>.carousel-seat.is-prev { margin-left: -33% } } .carousel-seat { order: 4; transition: transform 1s ease } .carousel-seat.is-prev { order: 0 !important; margin-left: -50% } @media (max-width: 991px) { .carousel-seat.is-prev { margin-left: -100% } } .carousel-seat.is-first { order: 1 } .carousel-seat.is-second { order: 2 } .carousel-seat.is-third { order: 3 } .carousel-seat.is-next { order: 3 } .carousel-seat.moving-left { transition: transform 0s; transform: translate(-100%, 0) } .carousel-seat.moving-right { transition: transform 0s; transform: translate(100%, 0) } .items-center { align-items: center } .arrow { cursor: pointer; margin-top: auto; margin-bottom: auto } .arrow:hover { opacity: 0.6 } @media (max-width: 991px) { .desktop-controller { display: none } } .mobile-controllers { display: flex; justify-content: space-between } @media (min-width: 992px) { .mobile-controllers { display: none } } .challenge-actions a { text-decoration: none } .challenge-actions h4 { color: #003366; font-size: 22px } .challenge-actions h5 { margin-top: 0px; margin-bottom: 8px; color: #003366; font-weight: 600; font-size: 16px } .challenge-actions .productColumnBox { justify-content: left } .member-image img { max-height: 360px; max-width: 100% } .block { display: block !important } .paginated-link { display: list-item } .paginated-link.hidden { display: none } .decorated-title { position: relative; margin-top: 64px } .decorated-title:after { content: ''; position: absolute; top: -24px; left: 0; width: 80px; height: 6px; background: #5BBAE3 } a.bigger { font-size: 22px; font-weight: 600 } a.bigger.active { color: #5BBAE3 } .mb-a { margin-bottom: auto } .grey-hover:hover { background: #F3F5F7 } .blue-hover:hover { background: #EBF1F7 } .no-dec { text-decoration: none } .textContainer { max-height: 280px; overflow: hidden; border-bottom: 20px solid transparent } .diamond { width: 0; height: 0; border: 6px solid transparent; border-bottom-color: #003366; position: relative; top: -6px; display: inline-block } .diamond:after { content: ''; position: absolute; left: -6px; top: 6px; width: 0; height: 0; border: 6px solid transparent; border-top-color: #003366 } .newsDate { min-width: 145px; width: 145px; margin-right: 48px; color: #003366 } @media (max-width: 768px) { .newsContainer { flex-direction: column } .newsContainer * { max-width: 100% } } .news-title { font-size: 18px; font-weight: 500; color: #003366 } .indicators { display: flex; margin-top: 46px; margin-left: auto; margin-right: auto } @media (max-width: 992px) { .indicators { display: none } } .indicator { height: 15px; width: 15px; margin-left: 20px; margin-right: 20px; border-style: solid; border-width: 0.5px; border-color: #003366; border-radius: 50%; display: inline-block; transition: opacity 0.6s ease } .indicator.active-indicator { opacity: 1; background-color: #003366 } .supportContent * { max-width: 100% } .grow { flex-grow: 1 } .challengeMemberLink.active { color: #5BBAE3 } .challenge-side-title { padding-left: 16px; position: relative } .tight-line { line-height: 1 } .mr-28 { margin-right: 28px } .readMoreBtn { justify-content: flex-end !important } .mt-a { margin-top: auto } @media (min-width: 1024px) { .readMoreDiv { margin-top: 64px } } .readMoreDiv a { position: relative; font-family: "Poppins", sans-serif; font-size: 21px; font-weight: 600; text-transform: uppercase; text-decoration: none } .readMoreDiv a:after { content: ''; position: absolute; top: 30%; right: -16px; width: 8px; height: 12px; background: url("/local/templates/hytest/css/../images/readMoreLink-icon.svg") no-repeat } @media (min-width: 0px) and (max-width: 767px) { .readMoreDiv a { color: #003366 } } .readMoreMain { margin-top: auto; font-family: "Poppins", sans-serif; font-size: 15px; font-weight: 600; text-transform: uppercase; color: #003366 } .supportLogoContainer { width: 200px; min-width: 200px; margin-left: 48px } @media (max-width: 768px) { .supportLogoContainer { margin-left: 0px; margin-top: 48px; width: 100% } } .supportLogoContainer img { width: 100% } .contact { font-family: "Poppins", sans-serif; font-size: 18px; font-weight: 300 } .page-h3 { color: #003366; } /*.contact h3 { font-size: 48px }*/ .contact h4 { font-size: 24px; margin: 16px 0px; color: #003366 } .contact p { font-size: 18px } .contact a { text-decoration: none; color: #003366; font-weight: 300 } html, body { height: 100%; margin: 0; padding: 0 } #site { height: 100vh } .pageWrapper { box-sizing: border-box; max-width: 1440px; margin: 0 auto; width: 100% } .social_links { display: flex; flex-wrap: wrap; flex: 0 0 50%; gap: 20px; justify-content: space-between; align-items: center; } #siteContent { min-height: 46vh; } .productTable-cell.cat-cell * { font-weight: 400; } li#bid { list-style: none; } span.h1 { margin: 0.67em 0; display: block; } @media (min-width: 0px) and (max-width: 1024px) { .productTabContent a { margin-top: 45px; } .pageWrapper.container-fluid.searchContainerFluid div#searchContainer { margin-left: 1px; } } @media (min-width: 0px) and (max-width: 1024px) { #productCategoryMain, #diseaseCategoryMain { height: 600px } } label.bx_filter_param_label.disabled { pointer-events: none; } #header-contacts { display: flex; flex-direction: column; margin-left: auto; align-items: flex-start; } #header-contacts a { font-weight: 400; font-size: 18px; text-align: right; color: #000; margin-bottom: 10px; } #header-contacts span { font-family: var(--font-family); font-weight: 400; font-size: 16px; text-align: right; color: rgba(0, 0, 0, 0.7); } ul.map-level-1 { padding-left: 10px; } ul.map-level-2 { padding-left: 20px; font-size: 14px; } @media (max-width: 600px) { #mobileCartLink { display: flex; justify-content: center; } #small-cart { position: relative; margin-left: auto; } #small-cart #basket-count { top: calc(50% - 17px); } } @media (max-width: 576px) { .characteristics_title { font-size: 16px; font-weight: 550; } } .map-container { position: relative; width: 100%; padding-top: 56.25%; } .map-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; } .ul-text { color: #003366; } /* End */ /* Start:/local/templates/hytest/css/wysihtml5_editor-b4f58f3877730b43505cbeda3a6e0ea4cd726201b999e2039660fdb751bcf6f3.min.css?17367639141670*/ .wysiwyg-font-size-smaller{font-size:smaller}.wysiwyg-font-size-larger{font-size:larger}.wysiwyg-font-size-xx-large{font-size:xx-large}.wysiwyg-font-size-x-large{font-size:x-large}.wysiwyg-font-size-large{font-size:large}.wysiwyg-font-size-medium{font-size:medium}.wysiwyg-font-size-small{font-size:small}.wysiwyg-font-size-x-small{font-size:x-small}.wysiwyg-font-size-xx-small{font-size:xx-small}.wysiwyg-color-black{color:#000}.wysiwyg-color-silver{color:silver}.wysiwyg-color-gray{color:gray}.wysiwyg-color-white{color:#fff}.wysiwyg-color-maroon{color:maroon}.wysiwyg-color-red{color:red}.wysiwyg-color-purple{color:purple}.wysiwyg-color-fuchsia{color:#f0f}.wysiwyg-color-green{color:green}.wysiwyg-color-lime{color:#0f0}.wysiwyg-color-olive{color:olive}.wysiwyg-color-yellow{color:#ff0}.wysiwyg-color-navy{color:navy}.wysiwyg-color-blue{color:#00f}.wysiwyg-color-teal{color:teal}.wysiwyg-color-aqua{color:#0ff}.wysiwyg-text-align-right{text-align:right}.wysiwyg-text-align-center{text-align:center}.wysiwyg-text-align-left{text-align:left}.wysiwyg-text-align-justify{text-align:justify}.wysiwyg-float-left{float:left;margin:0 8px 8px 0}.wysiwyg-float-right{float:right;margin:0 0 8px 8px}.wysiwyg-clear-right{clear:right}.wysiwyg-clear-left{clear:left}.wysihtml5-editor table{width:100%;border-collapse:collapse;border:1px solid #eee}.wysihtml5-editor table td,.wysihtml5-editor table th{padding:8px}.wysihtml5-editor table th{border:1px solid #dfdfdf}.wysihtml5-editor table td{border:1px solid #eee}.wysihtml5-editor table td.wysiwyg-tmp-selected-cell,.wysihtml5-editor table th.wysiwyg-tmp-selected-cell{background-color:#fafafa}.wysihtml5-editor a{color:#1c77c3} /* End */ /* Start:/local/templates/hytest/components/bitrix/sale.basket.basket.line/.default/style.css?17367639145546*/ .bx-basket { } .bx-basket-block { margin: auto; position: relative; padding-bottom: 5px; padding-left: 20px; white-space: nowrap; font-size: 12px; } .bx-basket-block > .fa { position: absolute; top: 3px; left: 0; width: 12px; color: #97a1ab; } .bx-basket-block a { margin-right: 10px; } /*FIXED BASKET*/ @media (min-width: 768px) { .bx-basket-fixed { position: fixed; z-index: 100; overflow: hidden; padding-top: 10px; width: 200px; border: 1px solid #f0f0f0; border-radius: 1px; background: #fff; box-shadow: 0 7px 10px rgba(0, 0, 0, 0.15); } .bx-basket-fixed.top { top: 10px } .bx-basket-fixed.right { right: 10px } .bx-basket-fixed.bottom { bottom: 10px } .bx-basket-fixed.left { left: 10px } .bx-basket-fixed.bx-max-height { top: 10px; bottom: 10px; } .block-store-catalog-list .bx-basket-fixed.bottom { bottom: 70px } } @media (min-width: 768px) and (width <= 992px) { .block-store-catalog-list .bx-basket-fixed.bottom { bottom: 90px } } @media (max-width: 767px) { .bx-basket-fixed { position: fixed; right: 0; bottom: 0; left: 0; z-index: 100; overflow: hidden; padding-top: 10px; border: 1px solid #f0f0f0; border-radius: 1px; background: #fff; box-shadow: 0 7px 10px rgba(0, 0, 0, 0.15); } .bx-basket-item-list { display: none; } .block-wrapper .bx-basket-fixed { padding-top: 0; } .block-wrapper .bx-basket-fixed .bx-hdr-profile { display: flex; justify-content: space-between; } .block-wrapper .bx-basket-fixed .bx-hdr-profile .bx-basket-block { padding-bottom: 0; } /*.bx-basket-fixed */ } .bx-basket-item-list { position: relative; overflow: hidden; padding-bottom: 20px; border-top: 1px solid #f7f7f7; } .bx-opener .bx-basket-item-list { padding-bottom: 75px; } .bx-max-height .bx-basket-item-list { position: absolute; right: 0; bottom: 0; left: 0; } .bx-closed .bx-basket-item-list { overflow: hidden; height: 20px; } .bx-basket-item-list-action { position: absolute; right: 0; bottom: 0; left: 0; z-index: 120; padding: 3px 0; height: 20px; background: #f7f7f7; color: #4f4f4f; vertical-align: middle; text-align: center; font-size: 12px; line-height: 14px; cursor: pointer; } .bx-basket-item-list-button-container { position: absolute; right: 0; bottom: 20px; left: 0; padding: 10px 0; border-top: 1px solid #f7f7f7; background: #fff; text-align: center; } .bx-basket-item-list-container { overflow-y: auto; max-height: 100% } .bx-basket-item-list-item { position: relative; margin-bottom: 15px; padding-top: 15px; padding-right: 10px; padding-left: 10px; border-bottom: 1px solid #f7f7f7; } .bx-basket-item-list-container .bx-basket-item-list-item:last-child { margin-bottom: 0; border-bottom: none; } .bx-basket-item-list-item-status { margin: 0 10px 20px; padding: 3px; border-radius: 3px; background: #ebebeb; text-align: center; white-space: normal; font-weight: bold; font-size: 12px; line-height: 16px; } .bx-basket-item-list-item-img { position: relative; padding-bottom: 5px; text-align: center; } .bx-basket-item-list-item-img img { max-width: 90px; height: auto; border: 1px solid #e6e6e6; } .bx-basket-item-list-item-name { padding-bottom: 5px; } .bx-basket-item-list-item-name a { font-size: 13px; line-height: 16px; } .bx-basket-item-list-item-remove { position: absolute; top: -7px; right: 10px; width: 20px; height: 20px; opacity: .5; cursor: pointer; transition: 250ms linear all; } .bx-basket-item-list-item-remove:after, .bx-basket-item-list-item-remove:before { position: absolute; top: 50%; left: 50%; display: block; width: 10px; height: 2px; border-radius: 1px; background-color: #333; content: ''; transform: translate(-50%, -50%); } .bx-basket-item-list-item-remove:after { -webkit-transform: translate(-50%, -50%) rotate(45deg); -moz-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); -o-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); } .bx-basket-item-list-item-remove:before { -webkit-transform: translate(-50%, -50%) rotate(135deg); -moz-transform: translate(-50%, -50%) rotate(135deg); -ms-transform: translate(-50%, -50%) rotate(135deg); -o-transform: translate(-50%, -50%) rotate(135deg); transform: translate(-50%, -50%) rotate(135deg); } .bx-basket-item-list-item-remove:hover { opacity: .7; } .bx-basket-item-list-item-price-block { padding-bottom: 5px; font-size: 12px; } .bx-basket-item-list-item-price { display: inline-block; margin-right: 5px; } .bx-basket-item-list-item-price-old { display: inline-block; margin-right: 5px; color: #b0b0b0; text-decoration: line-through } .bx_cart_login_top .bx-hdr-profile { line-height: 1.44em; } #navPageLinkColumn #navigationUserContainer li a.navigationLinks { position: relative; display: block; } #navPageLinkColumn #navigationUserContainer #bx_basketFKauiI a#small-cart { display: flex; align-items: center; justify-content: center; width: 28px; height: 90px; } #basket-count { border-radius: 100px; width: 18px; height: 18px; background: #036; position: absolute; line-height: 18px; font-weight: 700; font-size: 11px; color: #fff; top: calc(50% - 9px); right: -8px; transform: translate(0, -50%); display: flex; align-items: center; justify-content: center; } @media (max-width: 600px) { a#small-cart { font-size: 16px; } } /* End */ /* Start:/local/templates/hytest/components/bitrix/search.title/.default/style.css?1736763914396*/ .title-search-result { display: block; overflow: hidden; z-index: 9; background: #fff; box-sizing: border-box; min-height: 0; margin-top: 0px; border: solid 1px #036; } .title-search-result .search-title { padding: 8px 24px; } .search-title-result-item.pt-2.search-title-result-last-item a.search-title-result-item-link[href*='/search/'] { display: none; } /* End */ /* Start:/local/templates/hytest/template_styles.min.css?17652796391056*/ .m{margin:0} .headerContainer .h1 { position: relative; font-family: "Source Sans Pro", serif; font-size: 50px; font-weight: 400; } .social_links { margin-bottom: 20px; } @media (min-width: 0px) and (max-width: 1024px) { .textContainer>a { margin-left: 15px; } } @media (min-width: 0px) and (max-width: 1024px) { #mobileNavContainer::before, #mobileNavContainer::after { display: none; } #navigation.active { display: block !important; background: #fff; } .bx_filter .bx_filter_parameters_box_container { flex-direction: column; justify-content: flex-start; align-items: flex-start; } .bx_filter .bx_filter_parameters_box_container input[type="submit"] { width: 100%; margin: 0 auto 10px; } } @media (min-width: 0px) and (max-width: 440px) { .iconContainer { justify-content: flex-start; } } body#site * { font-family: Arial, sans-serif !important; } .bottom_block{ color: white; margin: 10px 0; width: 70%; } @media(max-width: 768px){ .bottom_block{ width: 100%; } } /* End */ /* /local/templates/hytest/fonts/sanchez.min.css?17367639149488 */ /* /local/templates/hytest/fonts/poppins.min.css?173676391412335 */ /* /local/templates/hytest/css/rubik.min.css?1736763914202 */ /* /local/templates/hytest/css/style.css?1780318099157330 */ /* /local/templates/hytest/css/wysihtml5_editor-b4f58f3877730b43505cbeda3a6e0ea4cd726201b999e2039660fdb751bcf6f3.min.css?17367639141670 */ /* /local/templates/hytest/components/bitrix/sale.basket.basket.line/.default/style.css?17367639145546 */ /* /local/templates/hytest/components/bitrix/search.title/.default/style.css?1736763914396 */ /* /local/templates/hytest/template_styles.min.css?17652796391056 */