@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,300italic,400,400italic,500,500italic,600,600italic,700,800);
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css);
@font-face{
    font-family:'Google Sans';
    font-style:normal;
    font-weight:400;
    src:local("Google Sans Regular"),local("GoogleSans-Regular"),url(https://fonts.gstatic.com/s/googlesans/v16/4UaGrENHsxJlGDuGo1OIlL3Kwp5MKg.woff2) format("woff2");
    unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116
}
@font-face{
    font-family:'Google Sans';
    font-style:normal;
    font-weight:400;
    src:local("Google Sans Regular"),local("GoogleSans-Regular"),url(https://fonts.gstatic.com/s/googlesans/v16/4UaGrENHsxJlGDuGo1OIlL3Nwp5MKg.woff2) format("woff2");
    unicode-range:U+0370-03FF
}
@font-face{
    font-family:'Google Sans';
    font-style:normal;
    font-weight:400;
    src:local("Google Sans Regular"),local("GoogleSans-Regular"),url(https://fonts.gstatic.com/s/googlesans/v16/4UaGrENHsxJlGDuGo1OIlL3Bwp5MKg.woff2) format("woff2");
    unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB
}
@font-face{
    font-family:'Google Sans';
    font-style:normal;
    font-weight:400;
    src:local("Google Sans Regular"),local("GoogleSans-Regular"),url(https://fonts.gstatic.com/s/googlesans/v16/4UaGrENHsxJlGDuGo1OIlL3Awp5MKg.woff2) format("woff2");
    unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF
}
@font-face{
    font-family:'Google Sans';
    font-style:normal;
    font-weight:400;
    src:local("Google Sans Regular"),local("GoogleSans-Regular"),url(https://fonts.gstatic.com/s/googlesans/v16/4UaGrENHsxJlGDuGo1OIlL3Owp4.woff2) format("woff2");
    unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,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:'Google Sans';
    font-style:normal;
    font-weight:500;
    src:local("Google Sans Medium"),local("GoogleSans-Medium"),url(https://fonts.gstatic.com/s/googlesans/v16/4UabrENHsxJlGDuGo1OIlLU94Yt3CwZ-Pw.woff2) format("woff2");
    unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116
}
@font-face{
    font-family:'Google Sans';
    font-style:normal;
    font-weight:500;
    src:local("Google Sans Medium"),local("GoogleSans-Medium"),url(https://fonts.gstatic.com/s/googlesans/v16/4UabrENHsxJlGDuGo1OIlLU94YtwCwZ-Pw.woff2) format("woff2");
    unicode-range:U+0370-03FF
}
@font-face{
    font-family:'Google Sans';
    font-style:normal;
    font-weight:500;
    src:local("Google Sans Medium"),local("GoogleSans-Medium"),url(https://fonts.gstatic.com/s/googlesans/v16/4UabrENHsxJlGDuGo1OIlLU94Yt8CwZ-Pw.woff2) format("woff2");
    unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB
}
@font-face{
    font-family:'Google Sans';
    font-style:normal;
    font-weight:500;
    src:local("Google Sans Medium"),local("GoogleSans-Medium"),url(https://fonts.gstatic.com/s/googlesans/v16/4UabrENHsxJlGDuGo1OIlLU94Yt9CwZ-Pw.woff2) format("woff2");
    unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF
}
@font-face{
    font-family:'Google Sans';
    font-style:normal;
    font-weight:500;
    src:local("Google Sans Medium"),local("GoogleSans-Medium"),url(https://fonts.gstatic.com/s/googlesans/v16/4UabrENHsxJlGDuGo1OIlLU94YtzCwY.woff2) format("woff2");
    unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,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:'Material Icons';
    font-style:normal;
    font-weight:400;
    src:url(https://fonts.gstatic.com/s/materialicons/v50/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format("woff2")
}
@font-face{
    font-family:'Roboto';
    font-style:italic;
    font-weight:400;
    src:local("Roboto Italic"),local("Roboto-Italic"),url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1Mu51xFIzIFKw.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:'Roboto';
    font-style:italic;
    font-weight:400;
    src:local("Roboto Italic"),local("Roboto-Italic"),url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1Mu51xMIzIFKw.woff2) format("woff2");
    unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116
}
@font-face{
    font-family:'Roboto';
    font-style:italic;
    font-weight:400;
    src:local("Roboto Italic"),local("Roboto-Italic"),url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1Mu51xEIzIFKw.woff2) format("woff2");
    unicode-range:U+1F00-1FFF
}
@font-face{
    font-family:'Roboto';
    font-style:italic;
    font-weight:400;
    src:local("Roboto Italic"),local("Roboto-Italic"),url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1Mu51xLIzIFKw.woff2) format("woff2");
    unicode-range:U+0370-03FF
}
@font-face{
    font-family:'Roboto';
    font-style:italic;
    font-weight:400;
    src:local("Roboto Italic"),local("Roboto-Italic"),url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1Mu51xHIzIFKw.woff2) format("woff2");
    unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB
}
@font-face{
    font-family:'Roboto';
    font-style:italic;
    font-weight:400;
    src:local("Roboto Italic"),local("Roboto-Italic"),url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1Mu51xGIzIFKw.woff2) format("woff2");
    unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF
}
@font-face{
    font-family:'Roboto';
    font-style:italic;
    font-weight:400;
    src:local("Roboto Italic"),local("Roboto-Italic"),url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1Mu51xIIzI.woff2) format("woff2");
    unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,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:'Roboto';
    font-style:italic;
    font-weight:500;
    src:local("Roboto Medium Italic"),local("Roboto-MediumItalic"),url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51S7ACc3CsTKlA.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:'Roboto';
    font-style:italic;
    font-weight:500;
    src:local("Roboto Medium Italic"),local("Roboto-MediumItalic"),url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51S7ACc-CsTKlA.woff2) format("woff2");
    unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116
}
@font-face{
    font-family:'Roboto';
    font-style:italic;
    font-weight:500;
    src:local("Roboto Medium Italic"),local("Roboto-MediumItalic"),url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51S7ACc2CsTKlA.woff2) format("woff2");
    unicode-range:U+1F00-1FFF
}
@font-face{
    font-family:'Roboto';
    font-style:italic;
    font-weight:500;
    src:local("Roboto Medium Italic"),local("Roboto-MediumItalic"),url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51S7ACc5CsTKlA.woff2) format("woff2");
    unicode-range:U+0370-03FF
}
@font-face{
    font-family:'Roboto';
    font-style:italic;
    font-weight:500;
    src:local("Roboto Medium Italic"),local("Roboto-MediumItalic"),url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51S7ACc1CsTKlA.woff2) format("woff2");
    unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB
}
@font-face{
    font-family:'Roboto';
    font-style:italic;
    font-weight:500;
    src:local("Roboto Medium Italic"),local("Roboto-MediumItalic"),url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51S7ACc0CsTKlA.woff2) format("woff2");
    unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF
}
@font-face{
    font-family:'Roboto';
    font-style:italic;
    font-weight:500;
    src:local("Roboto Medium Italic"),local("Roboto-MediumItalic"),url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51S7ACc6CsQ.woff2) format("woff2");
    unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,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:'Roboto';
    font-style:italic;
    font-weight:700;
    src:local("Roboto Bold Italic"),local("Roboto-BoldItalic"),url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TzBic3CsTKlA.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:'Roboto';
    font-style:italic;
    font-weight:700;
    src:local("Roboto Bold Italic"),local("Roboto-BoldItalic"),url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TzBic-CsTKlA.woff2) format("woff2");
    unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116
}
@font-face{
    font-family:'Roboto';
    font-style:italic;
    font-weight:700;
    src:local("Roboto Bold Italic"),local("Roboto-BoldItalic"),url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TzBic2CsTKlA.woff2) format("woff2");
    unicode-range:U+1F00-1FFF
}
@font-face{
    font-family:'Roboto';
    font-style:italic;
    font-weight:700;
    src:local("Roboto Bold Italic"),local("Roboto-BoldItalic"),url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TzBic5CsTKlA.woff2) format("woff2");
    unicode-range:U+0370-03FF
}
@font-face{
    font-family:'Roboto';
    font-style:italic;
    font-weight:700;
    src:local("Roboto Bold Italic"),local("Roboto-BoldItalic"),url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TzBic1CsTKlA.woff2) format("woff2");
    unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB
}
@font-face{
    font-family:'Roboto';
    font-style:italic;
    font-weight:700;
    src:local("Roboto Bold Italic"),local("Roboto-BoldItalic"),url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TzBic0CsTKlA.woff2) format("woff2");
    unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF
}
@font-face{
    font-family:'Roboto';
    font-style:italic;
    font-weight:700;
    src:local("Roboto Bold Italic"),local("Roboto-BoldItalic"),url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TzBic6CsQ.woff2) format("woff2");
    unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,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:'Roboto';
    font-style:normal;
    font-weight:400;
    src:local("Roboto"),local("Roboto-Regular"),url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu72xKOzY.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:'Roboto';
    font-style:normal;
    font-weight:400;
    src:local("Roboto"),local("Roboto-Regular"),url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format("woff2");
    unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116
}
@font-face{
    font-family:'Roboto';
    font-style:normal;
    font-weight:400;
    src:local("Roboto"),local("Roboto-Regular"),url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format("woff2");
    unicode-range:U+1F00-1FFF
}
@font-face{
    font-family:'Roboto';
    font-style:normal;
    font-weight:400;
    src:local("Roboto"),local("Roboto-Regular"),url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format("woff2");
    unicode-range:U+0370-03FF
}
@font-face{
    font-family:'Roboto';
    font-style:normal;
    font-weight:400;
    src:local("Roboto"),local("Roboto-Regular"),url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format("woff2");
    unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB
}
@font-face{
    font-family:'Roboto';
    font-style:normal;
    font-weight:400;
    src:local("Roboto"),local("Roboto-Regular"),url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format("woff2");
    unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF
}
@font-face{
    font-family:'Roboto';
    font-style:normal;
    font-weight:400;
    src:local("Roboto"),local("Roboto-Regular"),url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4mxK.woff2) format("woff2");
    unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,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:'Roboto';
    font-style:normal;
    font-weight:500;
    src:local("Roboto Medium"),local("Roboto-Medium"),url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fCRc4EsA.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:'Roboto';
    font-style:normal;
    font-weight:500;
    src:local("Roboto Medium"),local("Roboto-Medium"),url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fABc4EsA.woff2) format("woff2");
    unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116
}
@font-face{
    font-family:'Roboto';
    font-style:normal;
    font-weight:500;
    src:local("Roboto Medium"),local("Roboto-Medium"),url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fCBc4EsA.woff2) format("woff2");
    unicode-range:U+1F00-1FFF
}
@font-face{
    font-family:'Roboto';
    font-style:normal;
    font-weight:500;
    src:local("Roboto Medium"),local("Roboto-Medium"),url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fBxc4EsA.woff2) format("woff2");
    unicode-range:U+0370-03FF
}
@font-face{
    font-family:'Roboto';
    font-style:normal;
    font-weight:500;
    src:local("Roboto Medium"),local("Roboto-Medium"),url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fCxc4EsA.woff2) format("woff2");
    unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB
}
@font-face{
    font-family:'Roboto';
    font-style:normal;
    font-weight:500;
    src:local("Roboto Medium"),local("Roboto-Medium"),url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fChc4EsA.woff2) format("woff2");
    unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF
}
@font-face{
    font-family:'Roboto';
    font-style:normal;
    font-weight:500;
    src:local("Roboto Medium"),local("Roboto-Medium"),url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fBBc4.woff2) format("woff2");
    unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,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:'Roboto';
    font-style:normal;
    font-weight:700;
    src:local("Roboto Bold"),local("Roboto-Bold"),url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfCRc4EsA.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:'Roboto';
    font-style:normal;
    font-weight:700;
    src:local("Roboto Bold"),local("Roboto-Bold"),url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfABc4EsA.woff2) format("woff2");
    unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116
}
@font-face{
    font-family:'Roboto';
    font-style:normal;
    font-weight:700;
    src:local("Roboto Bold"),local("Roboto-Bold"),url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfCBc4EsA.woff2) format("woff2");
    unicode-range:U+1F00-1FFF
}
@font-face{
    font-family:'Roboto';
    font-style:normal;
    font-weight:700;
    src:local("Roboto Bold"),local("Roboto-Bold"),url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfBxc4EsA.woff2) format("woff2");
    unicode-range:U+0370-03FF
}
@font-face{
    font-family:'Roboto';
    font-style:normal;
    font-weight:700;
    src:local("Roboto Bold"),local("Roboto-Bold"),url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfCxc4EsA.woff2) format("woff2");
    unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB
}
@font-face{
    font-family:'Roboto';
    font-style:normal;
    font-weight:700;
    src:local("Roboto Bold"),local("Roboto-Bold"),url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2) format("woff2");
    unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF
}
@font-face{
    font-family:'Roboto';
    font-style:normal;
    font-weight:700;
    src:local("Roboto Bold"),local("Roboto-Bold"),url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format("woff2");
    unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,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:'Roboto Mono';
    font-style:normal;
    font-weight:400;
    src:local("Roboto Mono"),local("RobotoMono-Regular"),url(https://fonts.gstatic.com/s/robotomono/v7/L0x5DF4xlVMF-BfR8bXMIjhGq3-OXg.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:'Roboto Mono';
    font-style:normal;
    font-weight:400;
    src:local("Roboto Mono"),local("RobotoMono-Regular"),url(https://fonts.gstatic.com/s/robotomono/v7/L0x5DF4xlVMF-BfR8bXMIjhPq3-OXg.woff2) format("woff2");
    unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116
}
@font-face{
    font-family:'Roboto Mono';
    font-style:normal;
    font-weight:400;
    src:local("Roboto Mono"),local("RobotoMono-Regular"),url(https://fonts.gstatic.com/s/robotomono/v7/L0x5DF4xlVMF-BfR8bXMIjhHq3-OXg.woff2) format("woff2");
    unicode-range:U+1F00-1FFF
}
@font-face{
    font-family:'Roboto Mono';
    font-style:normal;
    font-weight:400;
    src:local("Roboto Mono"),local("RobotoMono-Regular"),url(https://fonts.gstatic.com/s/robotomono/v7/L0x5DF4xlVMF-BfR8bXMIjhIq3-OXg.woff2) format("woff2");
    unicode-range:U+0370-03FF
}
@font-face{
    font-family:'Roboto Mono';
    font-style:normal;
    font-weight:400;
    src:local("Roboto Mono"),local("RobotoMono-Regular"),url(https://fonts.gstatic.com/s/robotomono/v7/L0x5DF4xlVMF-BfR8bXMIjhEq3-OXg.woff2) format("woff2");
    unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB
}
@font-face{
    font-family:'Roboto Mono';
    font-style:normal;
    font-weight:400;
    src:local("Roboto Mono"),local("RobotoMono-Regular"),url(https://fonts.gstatic.com/s/robotomono/v7/L0x5DF4xlVMF-BfR8bXMIjhFq3-OXg.woff2) format("woff2");
    unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF
}
@font-face{
    font-family:'Roboto Mono';
    font-style:normal;
    font-weight:400;
    src:local("Roboto Mono"),local("RobotoMono-Regular"),url(https://fonts.gstatic.com/s/robotomono/v7/L0x5DF4xlVMF-BfR8bXMIjhLq38.woff2) format("woff2");
    unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,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:'Roboto Mono';
    font-style:normal;
    font-weight:500;
    src:local("Roboto Mono Medium"),local("RobotoMono-Medium"),url(https://fonts.gstatic.com/s/robotomono/v7/L0xkDF4xlVMF-BfR8bXMIjC4iGq8f7-7Ag.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:'Roboto Mono';
    font-style:normal;
    font-weight:500;
    src:local("Roboto Mono Medium"),local("RobotoMono-Medium"),url(https://fonts.gstatic.com/s/robotomono/v7/L0xkDF4xlVMF-BfR8bXMIjC4iGq1f7-7Ag.woff2) format("woff2");
    unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116
}
@font-face{
    font-family:'Roboto Mono';
    font-style:normal;
    font-weight:500;
    src:local("Roboto Mono Medium"),local("RobotoMono-Medium"),url(https://fonts.gstatic.com/s/robotomono/v7/L0xkDF4xlVMF-BfR8bXMIjC4iGq9f7-7Ag.woff2) format("woff2");
    unicode-range:U+1F00-1FFF
}
@font-face{
    font-family:'Roboto Mono';
    font-style:normal;
    font-weight:500;
    src:local("Roboto Mono Medium"),local("RobotoMono-Medium"),url(https://fonts.gstatic.com/s/robotomono/v7/L0xkDF4xlVMF-BfR8bXMIjC4iGqyf7-7Ag.woff2) format("woff2");
    unicode-range:U+0370-03FF
}
@font-face{
    font-family:'Roboto Mono';
    font-style:normal;
    font-weight:500;
    src:local("Roboto Mono Medium"),local("RobotoMono-Medium"),url(https://fonts.gstatic.com/s/robotomono/v7/L0xkDF4xlVMF-BfR8bXMIjC4iGq-f7-7Ag.woff2) format("woff2");
    unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB
}
@font-face{
    font-family:'Roboto Mono';
    font-style:normal;
    font-weight:500;
    src:local("Roboto Mono Medium"),local("RobotoMono-Medium"),url(https://fonts.gstatic.com/s/robotomono/v7/L0xkDF4xlVMF-BfR8bXMIjC4iGq_f7-7Ag.woff2) format("woff2");
    unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF
}
@font-face{
    font-family:'Roboto Mono';
    font-style:normal;
    font-weight:500;
    src:local("Roboto Mono Medium"),local("RobotoMono-Medium"),url(https://fonts.gstatic.com/s/robotomono/v7/L0xkDF4xlVMF-BfR8bXMIjC4iGqxf78.woff2) format("woff2");
    unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,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:'Roboto Mono';
    font-style:normal;
    font-weight:700;
    src:local("Roboto Mono Bold"),local("RobotoMono-Bold"),url(https://fonts.gstatic.com/s/robotomono/v7/L0xkDF4xlVMF-BfR8bXMIjDwjmq8f7-7Ag.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:'Roboto Mono';
    font-style:normal;
    font-weight:700;
    src:local("Roboto Mono Bold"),local("RobotoMono-Bold"),url(https://fonts.gstatic.com/s/robotomono/v7/L0xkDF4xlVMF-BfR8bXMIjDwjmq1f7-7Ag.woff2) format("woff2");
    unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116
}
@font-face{
    font-family:'Roboto Mono';
    font-style:normal;
    font-weight:700;
    src:local("Roboto Mono Bold"),local("RobotoMono-Bold"),url(https://fonts.gstatic.com/s/robotomono/v7/L0xkDF4xlVMF-BfR8bXMIjDwjmq9f7-7Ag.woff2) format("woff2");
    unicode-range:U+1F00-1FFF
}
@font-face{
    font-family:'Roboto Mono';
    font-style:normal;
    font-weight:700;
    src:local("Roboto Mono Bold"),local("RobotoMono-Bold"),url(https://fonts.gstatic.com/s/robotomono/v7/L0xkDF4xlVMF-BfR8bXMIjDwjmqyf7-7Ag.woff2) format("woff2");
    unicode-range:U+0370-03FF
}
@font-face{
    font-family:'Roboto Mono';
    font-style:normal;
    font-weight:700;
    src:local("Roboto Mono Bold"),local("RobotoMono-Bold"),url(https://fonts.gstatic.com/s/robotomono/v7/L0xkDF4xlVMF-BfR8bXMIjDwjmq-f7-7Ag.woff2) format("woff2");
    unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB
}
@font-face{
    font-family:'Roboto Mono';
    font-style:normal;
    font-weight:700;
    src:local("Roboto Mono Bold"),local("RobotoMono-Bold"),url(https://fonts.gstatic.com/s/robotomono/v7/L0xkDF4xlVMF-BfR8bXMIjDwjmq_f7-7Ag.woff2) format("woff2");
    unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF
}
@font-face{
    font-family:'Roboto Mono';
    font-style:normal;
    font-weight:700;
    src:local("Roboto Mono Bold"),local("RobotoMono-Bold"),url(https://fonts.gstatic.com/s/robotomono/v7/L0xkDF4xlVMF-BfR8bXMIjDwjmqxf78.woff2) format("woff2");
    unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}
.material-icons{
    font-family:'Material Icons';
    font-weight:normal;
    font-style:normal;
    font-size:24px;
    line-height:1;
    letter-spacing:normal;
    text-transform:none;
    display:inline-block;
    white-space:nowrap;
    word-wrap:normal;
    direction:ltr;
    -webkit-font-feature-settings:'liga';
    -webkit-font-smoothing:antialiased
}
body{
    font-family: Helvetica, Arial, sans-serif
}
h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6,h7,.h7,.new-nav,.quote,.gsans{
    font-family: Poppins, Arial, Helvetica, sans-serif
}
p{
    color:#5f6368;
    line-height:28px;
    font-size:16px;
    padding:0
}
body.guide .mobile-nav,body.guide .user-guide-nav,body.certification .mobile-nav,body.certification .user-guide-nav{
    font-family:"Google Sans", "Open Sans", Arial, Helvetica, sans-serif
}
html{
    box-sizing:border-box
}
*,*::after,*::before{
    box-sizing:inherit
}
*{
    -webkit-font-smoothing:antialiased;
    margin:0
}
html{
    -webkit-font-smoothing:antialiased
}
body{
    line-height:1.5;
    font-size:16px;
    font-style:normal;
    font-weight:400;
    color:#202124
}
code{
    background-color:#F8F9FA
}
pre{
    overflow:auto;
    padding:0.5em;
    white-space:pre;
    word-wrap:normal;
    border-radius:0.3em;
    background-color:#F8F9FA;
    border:1px solid #E1E1E1;
    margin:32px 0;
    max-height:400px
}
pre code{
    color:#fff;
    background-color:transparent;
    border:none;
    color:#444;
    padding:0;
    margin:0
}
code{
    padding:.2rem .5rem;
    margin:0 .2rem;
    font-size:90%;
    white-space:pre;
    border:1px solid #E1E1E1;
    background-color:#F8F9FA;
    border-radius:4px
}
.swatch{
    width:6em;
    height:4em;
    color:#fff;
    display:inline-block;
    text-align:center;
    padding:1em
}
u{
    text-decoration:underline
}
img{
    width:auto;
    max-width:100%;
    height:auto;
    vertical-align:bottom;
    outline:0
}
hr{
    border:0;
    height:1px;
    margin:15px 0;
    background:#dadce0
}
hr.seperator{
    margin:0 auto;
    max-width:1200px
}
hr.seperator-full{
    margin:0
}
dt{
    font-weight:bold
}
dd{
    margin-bottom:1em
}
iframe,object{
    max-width:100%
}
figure{
    margin:0
}
button{
    outline:none
}
textarea{
    min-height:10em
}
mark{
    color:#000;
    background-color:#ff0
}
input:-webkit-autofill{
    -webkit-box-shadow:0 0 0 1000px white inset;
    -webkit-text-fill-color:#333
}
input:-webkit-autofill:focus{
    -webkit-box-shadow:0 0 0 1000px white inset;
    -webkit-text-fill-color:#333
}
img[src*="vidassets.terminus.services"]{
    display:none !important
}
sup{
    top:-.5em
}
h2 sup,h3 sup,h1 sup{
    top:-.25em
}
#html5box-html5-lightbox #html5-elem-box{
    -webkit-overflow-scrolling:touch
}
#html5box-html5-lightbox #html5-image{
    padding:0 !important
}
#html5box-html5-lightbox #html5lightbox-div,#html5box-html5-lightbox #html5lightbox-video{
    background:#F8F9FA;
    padding:8px
}
h2+p,h3+p,h4+p,h5+p,h6+p,h7+p,p+p{
    margin-top:15px
}
p+h2,p+h3,p+h4,p+h5,p+h6,p+h7{
    margin-top:30px
}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a,h7 a{
    color:inherit
}
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover,h7 a:hover{
    color:#673ab7
}
h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6,h7,.h7{
    display:block;
    color:#202124
}
h1 a,.h1 a,h2 a,.h2 a,h3 a,.h3 a,h4 a,.h4 a,h5 a,.h5 a,h6 a,.h6 a,h7 a,.h7 a{
    text-decoration:none
}
h1 a:hover,.h1 a:hover,h2 a:hover,.h2 a:hover,h3 a:hover,.h3 a:hover,h4 a:hover,.h4 a:hover,h5 a:hover,.h5 a:hover,h6 a:hover,.h6 a:hover,h7 a:hover,.h7 a:hover{
    text-decoration:none;
    color:#673ab7
}
h1 b,h1 optgroup,h1 strong,.h1 b,.h1 optgroup,.h1 strong,h2 b,h2 optgroup,h2 strong,.h2 b,.h2 optgroup,.h2 strong,h3 b,h3 optgroup,h3 strong,.h3 b,.h3 optgroup,.h3 strong,h4 b,h4 optgroup,h4 strong,.h4 b,.h4 optgroup,.h4 strong,h5 b,h5 optgroup,h5 strong,.h5 b,.h5 optgroup,.h5 strong,h6 b,h6 optgroup,h6 strong,.h6 b,.h6 optgroup,.h6 strong,h7 b,h7 optgroup,h7 strong,.h7 b,.h7 optgroup,.h7 strong{
    font-weight:bolder
}
h1,.h1,h2,.h2{
    font-weight:400
}
h3,.h3,h4,.h4,h5,.h5,h6,.h6,h7,.h7{
    font-weight:500
}
.ss-sub{
    font-size:18px !important;
    line-height:1.5 !important;
    font-weight:400
}
@media all and (max-width: 600px){
    .ss-sub{
        font-size:16px !important
    }
}
.ss-sub2{
    font-size:18px !important;
    line-height:1.5 !important;
    font-weight:400
}
@media all and (max-width: 600px){
    .ss-sub2{
        font-size:16px !important
    }
}
.headline1{
    font-size:60px !important;
    line-height:1.1 !important;
    margin:0
}
@media all and (max-width: 1200px){
    .headline1{
        font-size:48px !important
    }
}
@media all and (max-width: 600px){
    .headline1{
        font-size:36px !important
    }
}
.headline2{
    font-size:48px !important;
    line-height:1.15 !important;
    font-weight:400 !important;
    margin:0
}
@media all and (max-width: 600px){
    .headline2{
        font-size:34px !important
    }
}
.headline3{
    font-size:38px !important;
    line-height:1.2 !important;
    font-weight:400 !important;
    margin:0
}
@media all and (max-width: 600px){
    .headline3{
        font-size:30px !important
    }
}
.headline4{
    font-size:28px !important;
    line-height:1.25 !important;
    font-weight:400 !important;
    margin:0
}
@media all and (max-width: 600px){
    .headline4{
        font-size:22px !important
    }
}
.headline5{
    font-size:24px !important;
    line-height:1.35 !important;
    font-weight:400 !important;
    margin:0
}
@media all and (max-width: 600px){
    .headline5{
        font-size:20px !important
    }
}
.headline6{
    font-size:20px !important;
    line-height:1.35 !important;
    font-weight:400 !important;
    margin:0
}
@media all and (max-width: 600px){
    .headline6{
        font-size:18px !important
    }
}
.headline7{
    font-size:18px !important;
    line-height:1.35 !important;
    font-weight:400 !important;
    margin:0
}
@media all and (max-width: 600px){
    .headline7{
        font-size:16px !important
    }
}
p,.p{
    font-size:16px;
    line-height:1.75;
    font-weight:400
}
@media all and (max-width: 1200px){
    p,.p{
        font-size:16px
    }
}
p a,.p a{
    text-decoration:none;
    color:#673ab7
}
p a:hover,.p a:hover{
    text-decoration:none;
    color:#775ba7
}
a{
    color:#673ab7;
    cursor:pointer
}
a:hover{
    text-decoration:none;
    color:#775ba7
}
ol li,ul li,table,table p{
    font-size:16px
}
b,optgroup,strong{
    font-weight:500
}
.sub-title-text{
    max-width:875px;
    margin:15px auto 30px
}
.sub-title-text2{
    max-width:600px;
    margin:15px auto 30px
}
.large-text{
    font-weight:700;
    font-size:24px;
    line-height:1.15
}
p.large-text{
    font-size:18px;
    line-height:150%
}
.large-text2{
    font-weight:400;
    font-size:22px
}
@media all and (max-width: 960px){
    .large-text2{
        font-size:20px
    }
}
.large-text3,.large-text3 *{
    font-size:18px;
    line-height:1.5
}
.large-text4{
    font-size:25px;
    line-height:1.5;
    margin-top:25px
}
@media all and (max-width: 960px){
    .large-text4{
        font-size:18px;
        margin-top:15px
    }
}
.large-text5{
    font-size:20px;
    line-height:1.45
}
@media all and (max-width: 1200px){
    .large-text5{
        font-size:18px
    }
}
.larger-text{
    font-weight:400;
    font-size:45px;
    line-height:1.15
}
p.text-16{
    font-size:16px
}
p.small-text{
    font-size:15px;
    line-height:1.45
}
p.smaller-text{
    font-size:12px;
    line-height:1.25
}
p.lh-1-5{
    line-height:1.5
}
h1.title,.h1.title{
    font-weight:600;
    color:#fff;
    letter-spacing:1px;
    line-height:1.1;
    max-width:1200px;
    margin-right:auto;
    margin-left:auto;
    font-size:45px;
    padding:0;
    padding-bottom:7px;
    margin:0
}
@media all and (max-width: 1200px){
    h1.title,.h1.title{
        font-size:43px
    }
}
@media all and (max-width: 960px){
    h1.title,.h1.title{
        font-size:40px
    }
}
@media all and (max-width: 768px){
    h1.title,.h1.title{
        font-size:35px
    }
}
p.sub-title{
    line-height:1.5;
    max-width:900px;
    margin:15px auto 0;
    font-size:16px
}
p.sub-title2{
    color:#ffffff;
    line-height:1.25;
    margin:5px auto;
    padding-top:5px;
    font-size:20px
}
@media all and (max-width: 1200px){
    p.sub-title2{
        font-size:19px
    }
}
@media all and (max-width: 960px){
    p.sub-title2{
        font-size:18px
    }
}
@media all and (max-width: 768px){
    p.sub-title2{
        font-size:16px
    }
}
p.sub-title-left{
    line-height:1.5;
    margin:20px 0 0;
    font-size:16px
}
h2,.h2{
    font-size:32px;
    text-transform:none;
    line-height:1.1
}
@media all and (max-width: 960px){
    h2,.h2{
        font-size:30px
    }
}
@media all and (max-width: 768px){
    h2,.h2{
        font-size:28px
    }
}
h3,.h3{
    font-size:20px;
    text-transform:none;
    line-height:1.25
}
@media all and (max-width: 960px){
    h3,.h3{
        font-size:19px
    }
}
@media all and (max-width: 768px){
    h3,.h3{
        font-size:18px
    }
}
h4,.h4{
    font-size:18px;
    text-transform:none;
    line-height:1.25
}
@media all and (max-width: 960px){
    h4,.h4{
        font-size:17px
    }
}
h5,.h5{
    font-size:16px;
    text-transform:none;
    line-height:1.25
}
.arrow-link{
    display:inline-block;
    font-weight:400
}
.arrow-link .fa{
    vertical-align:text-bottom;
    margin-left:2px;
    margin:0 0 1px 7px
}
.featured-label{
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:1.25px;
    font-size:14px;
    display:inline-block;
    margin:0
}
.featured-label .fa{
    color:#5a2fc2;
    font-size:20px;
    font-weight:bold;
    vertical-align:text-bottom;
    margin-left:2px;
    margin-bottom:-1px
}
.featured-label a{
    font-weight:800;
    text-decoration:none;
    color:#282828;
    border-bottom:none
}
.featured-label a:hover{
    text-decoration:none;
    color:#673ab7
}
p.small{
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:1px
}
a:link,a:visited,a:active,a:focus{
    text-decoration:none
}
a.anchor{
    display:block;
    position:relative;
    top:-59px;
    visibility:hidden
}
ol{
    margin:15px 0 20px 5px
}
ul{
    margin:15px 0 20px 0
}
ol,ul{
    padding-left:1.3em;
    font-weight:400;
    font-size:inherit
}
ol.no-bullet li,ul.no-bullet li{
    list-style-type:none
}
ol.blocks-list,ul.blocks-list{
    margin:0px 0 -1px 0
}
ol.blocks-list li,ul.blocks-list li{
    list-style-type:none;
    margin:0px 0 -1px 0
}
ol.no-padding,ul.no-padding{
    padding-left:0
}
ol li,ul li{
    padding:3.75px 0;
    text-align:left;
    color:#6a6e73
}
ol.no-style,ul.no-style{
    padding-left:0;
    margin:5px 0 15px
}
ol.no-style li,ul.no-style li{
    list-style-type:none;
    margin:0;
    padding:5px 0;
    font-size:1.125em;
    text-align:inherit
}
ol.list,ul.list{
    padding-left:0;
    margin:5px 0 15px
}
ol.list li,ul.list li{
    list-style-type:none;
    margin:0;
    padding:0;
    font-size:14px;
    text-align:inherit
}
ol.large,ul.large{
    font-size:20px;
    margin:15px 0 15px -20px
}
ol.large li,ul.large li{
    margin:20px 0 20px 25px
}
ol.check,ul.check{
    margin:15px 0 15px -15px
}
ol.check li,ul.check li{
    list-style-type:none;
    background:url(/assets/img/images/system/green_check.svg) no-repeat left top 3px;
    padding-left:39px
}
ol li ol,ul li ul{
    margin:10px 0 5px 0
}
ol ol li{
    list-style-type:lower-alpha
}
ol ol ol li{
    list-style:lower-roman
}
ul ol li{
    list-style:lower-alpha
}
ol ul li{
    list-style:disc
}
.fuschia{
    background:#e13d73
}
.fuschia a:hover{
    color:#0092E5
}
.purple{
    background:#5a2fc2
}
.purple a:hover{
    color:#e13d73
}
.dark-purple{
    background:#442391
}
.darker-purple{
    background:#2d1660
}
.dark-pink{
    background:#b51c4f
}
.tube{
    background:#0092E5
}
.dark-blue{
    background:#0092E5
}
.charcoal{
    background:#282828
}
.grey1{
    background:#1e242b
}
.grey2{
    background:#505158
}
.grey3{
    background:#918f95
}
.grey4{
    background:#c4c3c7
}
.grey5{
    background:#eae9eb
}
.orange{
    background:#eb5c3d
}
.new-purple{
    background:#5a2fc2
}
.sky{
    background:#523bab
}
.sunset{
    background:#7e64e0
}
.monarch{
    background:#ff9d00
}
.sunlight{
    background:#ffd400
}
.surf{
    background:#00b7ff
}
.grass{
    background:#3de2da
}
.grass-dark{
    background:#1fcdc5
}
.coffee{
    background:#7F7977
}
.sand{
    background:#d9dad8
}
.stone{
    background:#282828
}
.white{
    background:#fff
}
.light-grey{
    background:#ededed
}
.teal{
    background:#2CFEFD
}
.new-light-grey{
    background:#f6f6f6
}
.grey-900-bg{
    background:#202124
}
.grey-800-bg{
    background:#3C4043
}
.grey-700-bg{
    background:#5F6368
}
.grey-600-bg{
    background:#80868B
}
.grey-500-bg{
    background:#9AA0A6
}
.grey-400-bg{
    background:#BDC1C6
}
.grey-300-bg{
    background:#DADCE0
}
.grey-200-bg{
    background:#E8EAED
}
.grey-50-bg{
    background:#F8F9FA
}
.green-900-bg{
    background:#0D652D
}
.green-800-bg{
    background:#137333
}
.green-700-bg{
    background:#188038
}
.green-600-bg{
    background:#1E8E3E
}
.green-500-bg{
    background:#34A853
}
.green-400-bg{
    background:#5BB974
}
.green-300-bg{
    background:#81C995
}
.green-200-bg{
    background:#A8DAB5
}
.green-50-bg{
    background:#E6F4EA
}
.red-900-bg{
    background:#A50E0E
}
.red-800-bg{
    background:#B31412
}
.red-700-bg{
    background:#C5221F
}
.red-600-bg{
    background:#D93025
}
.red-500-bg{
    background:#EA4335
}
.red-400-bg{
    background:#EE675C
}
.red-300-bg{
    background:#F28B82
}
.red-200-bg{
    background:#F6AEA9
}
.red-50-bg{
    background:#FCE8E6
}
.yellow-900-bg{
    background:#E37400
}
.yellow-800-bg{
    background:#EA8600
}
.yellow-700-bg{
    background:#F29900
}
.yellow-600-bg{
    background:#F9AB00
}
.yellow-500-bg{
    background:#FBBC04
}
.yellow-400-bg{
    background:#FCC934
}
.yellow-300-bg{
    background:#FDD663
}
.yellow-200-bg{
    background:#FDE293
}
.yellow-50-bg{
    background:#FEF7E0
}
.blue-900-bg{
    background:#775ba7
}
.blue-800-bg{
    background:#185ABC
}
.blue-700-bg{
    background:#1967D2
}
.blue-600-bg{
    background:#673ab7
}
.blue-500-bg{
    background:#4285F4
}
.blue-400-bg{
    background:#669DF6
}
.blue-300-bg{
    background:#8AB4F8
}
.blue-200-bg{
    background:#AECBFA
}
.blue-50-bg{
    background:#E8F0FE
}
.blue-500-bg p{
    color:white
}
.blue-500-bg p a{
    color:white;
    font-weight:500
}
.blue-500-bg p a:hover{
    color:rgba(255,255,255,0.7);
    background-color:transparent
}
.grey-800-bg p a{
    color:#BDC1C6
}
.grey-800-bg p a:hover{
    color:white
}
.light-charcoal{
    background:#525252
}
.join-grey{
    background:#eae9eb
}
.ivory{
    background:#f7f7ef
}
.beacon-green{
    background:#6BFFB0
}
.grey-t{
    color:#898989
}
.stone-t{
    color:#282828
}
.white-t{
    color:#fff
}
.white-t-hover:hover{
    color:#fff
}
.new-light-grey-t{
    color:#f6f6f6
}
.beacon-green-t{
    color:#6BFFB0 !important
}
.j-green-t{
    color:#1E8E3E
}
.j-pink-t{
    color:#ee4093
}
.j-yellow-t{
    color:#fdb814
}
.green-t{
    color:#34A853
}
.red-t{
    color:#EA4335
}
.yellow-t{
    color:#FBBC04
}
.blue-t{
    color:#4285F4
}
.grey-900-t{
    color:#202124
}
.grey-800-t{
    color:#3C4043
}
.grey-700-t{
    color:#5F6368
}
.grey-600-t{
    color:#80868B
}
.grey-500-t{
    color:#9AA0A6
}
.grey-400-t{
    color:#BDC1C6
}
.grey-300-t{
    color:#DADCE0
}
.grey-200-t{
    color:#E8EAED
}
.grey-50-t{
    color:#F8F9FA
}
.blue-900-t{
    color:#775ba7
}
.blue-800-t{
    color:#185ABC
}
.blue-700-t{
    color:#1967D2
}
.blue-600-t{
    color:#673ab7
}
.blue-500-t{
    color:#4285F4
}
.blue-400-t{
    color:#669DF6
}
.blue-300-t{
    color:#8AB4F8
}
.blue-200-t{
    color:#AECBFA
}
.blue-50-t{
    color:#E8F0FE
}
.fw--400{
    font-weight:400
}
.fw--500{
    font-weight:500
}
.fw--600{
    font-weight:600
}
.fw--700{
    font-weight:700
}
.fw--800{
    font-weight:800
}
.shadow{
    box-shadow:2px 4px 12px rgba(0,0,0,0.18)
}
.shadow-light{
    box-shadow:2px 4px 12px rgba(0,0,0,0.08)
}
.shadow-hover{
    transition:box-shadow .28s ease-in-out, -webkit-box-shadow .28s ease-in-out
}
.shadow-hover:hover{
    box-shadow:0 1px 3px 0 rgba(60,64,67,0.05),0 4px 8px 3px rgba(60,64,67,0.15)
}
.border-top{
    border-top:1px solid #DADCE0
}
.border-top-dark{
    border-top:1px solid #9AA0A6
}
.border-bottom{
    border-bottom:1px solid #DADCE0
}
.border-full{
    border:1px solid #DADCE0
}
.border-radius--8{
    border-radius:8px
}
.smaller-icons{
    width:40px
}
.small-icons{
    width:50px
}
@media all and (max-width: 500px){
    .small-icons{
        width:45px
    }
}
.med-icons{
    width:100px
}
@media all and (max-width: 960px){
    .med-icons{
        width:80px
    }
}
@media all and (max-width: 500px){
    .med-icons{
        width:60px
    }
}
.large-icons{
    width:150px
}
.solutions-div{
    margin:10px;
    padding:20px;
    display:flex;
    display:-webkit-flex;
    justify-content:flex-start;
    -webkit-justify-content:flex-start;
    flex-direction:column;
    -webkit-flex-direction:column
}
.solutions-div p.small-text{
    flex-grow:20
}
.solutions-logos{
    width:195px;
    display:inline-block;
    flex-direction:column;
    flex-direction:column;
    margin:10px
}
@media all and (max-width: 960px){
    .solutions-logos{
        width:175px
    }
}
.logo-bricks div{
    width:205px;
    display:inline-block;
    background:white;
    margin:15px;
    padding:12px 15px
}
.logo-bricks.no-padding div{
    padding:0
}
.logo-bricks.large div{
    width:266px
}
.logo-bricks.border div{
    border:1px solid #DADCE0;
    border-radius:8px
}
.modal-btn{
    margin:0 !important
}
.logos-large{
    display:block
}
@media all and (max-width: 768px){
    .logos-large{
        display:none
    }
}
.logos-small{
    display:none
}
@media all and (max-width: 768px){
    .logos-small{
        display:block
    }
}
.svg-play-background{
    width:70px;
    height:70px;
    margin:auto
}
.svg-play-background circle,.svg-play-background polygon{
    stroke:#fff
}
section{
    clear:both
}
#html5-text{
    text-align:center !important
}
*{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
.constrain{
    margin:0 auto;
    padding:0 1em;
    max-width:75em
}
.lt-ie9 body{
    font-size:1em
}
body section.l-article-aside article{
    float:left;
    display:block;
    margin-right:2.35765%;
    width:74.41059%
}
body section.l-article-aside article:last-child{
    margin-right:0
}
@media (max-width: 960px){
    body section.l-article-aside article{
        float:left;
        display:block;
        margin-right:2.35765%;
        width:100%
    }
    body section.l-article-aside article:last-child{
        margin-right:0
    }
}
body section.l-article-aside aside{
    float:left;
    display:block;
    margin-right:2.35765%;
    width:23.23176%
}
body section.l-article-aside aside:last-child{
    margin-right:0
}
@media (max-width: 960px){
    body section.l-article-aside aside{
        display:none
    }
}
.module-image-left,.module-video-left{
    display:-webkit-flex;
    display:flex
}
@media all and (max-width: 960px){
    .module-image-left,.module-video-left{
        -webkit-flex-direction:column;
        flex-direction:column;
        max-width:600px;
        margin:0 auto
    }
}
.module-image-left div.left,.module-video-left div.left{
    display:flex;
    display:-webkit-flex;
    width:47.5%;
    float:left;
    justify-content:center;
    -webkit-justify-content:center;
    flex-direction:column;
    -webkit-flex-direction:column
}
@media all and (max-width: 960px){
    .module-image-left div.left,.module-video-left div.left{
        display:block;
        float:none;
        width:100%;
        max-width:600px;
        margin:0 auto;
        margin-bottom:30px
    }
}
.module-image-left div.right,.module-video-left div.right{
    display:flex;
    display:-webkit-flex;
    width:47.5%;
    float:right;
    margin-left:5%;
    justify-content:center;
    -webkit-justify-content:center;
    flex-direction:column;
    -webkit-flex-direction:column;
    align-items:flex-start;
    -webkit-jalign-items:flex-start;
    text-align:left
}
@media all and (max-width: 960px){
    .module-image-left div.right,.module-video-left div.right{
        display:block;
        float:none;
        text-align:left;
        width:100%;
        max-width:600px;
        margin:0 auto
    }
}
@media all and (max-width: 960px){
    .module-image-left.text-top,.module-video-left.text-top{
        flex-flow:column-reverse
    }
    .module-image-left.text-top div.left,.module-video-left.text-top div.left{
        margin-bottom:0px
    }
}
.module-image-left div.left{
    align-items:center
}
@media all and (max-width: 960px){
    .module-image-left div.left{
        text-align:center
    }
}
.module-image-right,.module-video-right{
    display:-webkit-flex;
    display:flex
}
@media all and (max-width: 960px){
    .module-image-right,.module-video-right{
        -webkit-flex-direction:column;
        flex-direction:column;
        -webkit-flex-flow:column-reverse;
        flex-flow:column-reverse;
        max-width:600px;
        margin:0 auto
    }
}
.module-image-right div.left,.module-video-right div.left{
    display:flex;
    display:-webkit-flex;
    width:47.5%;
    margin-right:5%;
    float:left;
    align-items:flex-start;
    -webkit-jalign-items:flex-start;
    justify-content:center;
    -webkit-justify-content:center;
    flex-direction:column;
    -webkit-flex-direction:column;
    text-align:left
}
@media all and (max-width: 960px){
    .module-image-right div.left,.module-video-right div.left{
        display:block;
        float:none;
        text-align:left;
        width:100%;
        max-width:600px;
        margin:0 auto
    }
}
.module-image-right div.right,.module-video-right div.right{
    display:flex;
    display:-webkit-flex;
    width:47.5%;
    float:right;
    justify-content:center;
    -webkit-justify-content:center;
    flex-direction:column;
    -webkit-flex-direction:column
}
@media all and (max-width: 960px){
    .module-image-right div.right,.module-video-right div.right{
        display:block;
        float:none;
        width:100%;
        max-width:600px;
        margin:0 auto;
        margin-bottom:30px
    }
}
@media all and (max-width: 960px){
    .module-image-right.text-top,.module-video-right.text-top{
        flex-flow:column
    }
    .module-image-right.text-top div.right,.module-video-right.text-top div.right{
        margin-bottom:0px
    }
}
.module-image-right div.right{
    align-items:center
}
@media all and (max-width: 960px){
    .module-image-right div.right{
        text-align:center
    }
}
.module-form-left{
    display:-webkit-flex;
    display:flex
}
@media all and (max-width: 960px){
    .module-form-left{
        -webkit-flex-direction:column-reverse;
        flex-direction:column-reverse;
        margin:0 auto
    }
}
.module-form-left div.left{
    display:flex;
    display:-webkit-flex;
    width:47.5%;
    float:left;
    align-items:center;
    -webkit-align-items:center;
    justify-content:center;
    -webkit-justify-content:center;
    flex-direction:column;
    -webkit-flex-direction:column
}
@media all and (max-width: 960px){
    .module-form-left div.left{
        float:none;
        width:100%;
        max-width:500px;
        margin:0 auto
    }
}
.module-form-left div.right{
    display:flex;
    display:-webkit-flex;
    width:47.5%;
    float:right;
    margin:0 0 0 5%;
    justify-content:center;
    -webkit-justify-content:center;
    flex-direction:column;
    -webkit-flex-direction:column;
    text-align:left
}
@media all and (max-width: 960px){
    .module-form-left div.right{
        float:none;
        text-align:left;
        width:100%;
        margin:0 auto;
        margin-bottom:60px
    }
}
@media all and (max-width: 960px){
    .module-form-left.form-top{
        -webkit-flex-direction:column;
        flex-direction:column;
        margin:0 auto
    }
}
.module-two-section div.left{
    float:left;
    width:47.5%;
    margin:0 2.5% 0 0
}
@media screen and (max-width: 960px){
    .module-two-section div.left{
        float:none;
        width:100%;
        max-width:600px;
        margin:0 auto
    }
}
.module-two-section div.right{
    float:left;
    width:47.5%;
    margin:0 0 0 2.5%
}
@media screen and (max-width: 960px){
    .module-two-section div.right{
        float:none;
        width:100%;
        max-width:600px;
        padding-top:45px;
        margin:0 auto
    }
}
.module-two-section:after{
    content:"";
    display:table;
    clear:both
}
.module-two-sec-small-image{
    display:flex;
    display:-webkit-flex;
    align-items:center;
    -webkit-align-items:center;
    justify-content:center;
    -webkit-justify-content:center;
    width:100%
}
@media all and (max-width: 960px){
    .module-two-sec-small-image{
        max-width:600px;
        margin:0 auto
    }
}
.module-two-sec-small-image img{
    max-width:150px
}
@media all and (max-width: 960px){
    .module-two-sec-small-image img{
        max-width:125px
    }
}
@media all and (max-width: 768px){
    .module-two-sec-small-image img{
        max-width:100px
    }
}
@media all and (max-width: 960px){
    .module-two-sec-small-image{
        display:block
    }
}
.module-two-sec-small-image .left{
    width:20%;
    min-width:175px;
    float:left;
    text-align:left;
    margin:30px 30px 30px 0
}
@media all and (max-width: 960px){
    .module-two-sec-small-image .left{
        float:none;
        text-align:left;
        margin:30px 0;
        width:100%
    }
}
.module-two-sec-small-image .right{
    width:80%;
    text-align:left;
    float:right;
    margin:30px 0
}
@media all and (max-width: 960px){
    .module-two-sec-small-image .right{
        float:none;
        width:100%;
        margin:0
    }
}
.module-two-sec-small-image.smaller{
    margin:15px 0
}
.module-two-sec-small-image.smaller img{
    max-width:125px
}
@media all and (max-width: 960px){
    .module-two-sec-small-image.smaller{
        display:block
    }
}
.module-two-sec-small-image.smaller .left{
    min-width:125px
}
@media all and (max-width: 960px){
    .module-two-sec-small-image.smaller .left{
        margin:60px 0 30px 0;
        width:100%
    }
}
@media all and (max-width: 960px){
    .module-two-sec-small-image.smaller .right{
        width:100%;
        max-width:600px;
        text-align:center;
        margin:0 auto;
        float:none
    }
    .module-two-sec-small-image.smaller .right p{
        text-align:left
    }
}
.module-two-sec-small-image:after{
    content:"";
    display:table;
    clear:both
}
.module-two-sec-small-image-top{
    display:flex;
    display:-webkit-flex;
    align-items:initial;
    -webkit-align-items:initial;
    justify-content:center;
    -webkit-justify-content:center;
    width:100%;
    margin:15px 0
}
.module-two-sec-small-image-top img{
    max-width:125px
}
.module-two-sec-small-image-top p{
    line-height:1.5
}
@media all and (max-width: 960px){
    .module-two-sec-small-image-top{
        display:block;
        max-width:600px;
        margin:0 auto
    }
}
.module-two-sec-small-image-top .left{
    width:25%;
    min-width:125px;
    float:left;
    text-align:center;
    margin:30px 30px 30px 0
}
@media all and (max-width: 960px){
    .module-two-sec-small-image-top .left{
        float:none;
        text-align:left;
        margin:60px 0 30px 0;
        width:100%
    }
}
.module-two-sec-small-image-top .right{
    width:75%;
    text-align:left;
    float:right;
    margin:30px 0
}
@media all and (max-width: 960px){
    .module-two-sec-small-image-top .right{
        float:none;
        width:100%;
        margin:0
    }
}
.module-two-sec-small-image-top .right p{
    text-align:left
}
.module-two-sec-small-image-top:after{
    content:"";
    display:table;
    clear:both
}
.module-two-sec-smaller-image{
    display:flex;
    display:-webkit-flex;
    align-items:initial;
    -webkit-align-items:initial;
    justify-content:center;
    -webkit-justify-content:center;
    width:100%
}
@media all and (max-width: 768px){
    .module-two-sec-smaller-image{
        max-width:600px;
        margin:0 auto
    }
}
.module-two-sec-smaller-image img{
    width:80px
}
@media all and (max-width: 768px){
    .module-two-sec-smaller-image img{
        width:60px
    }
}
@media all and (max-width: 768px){
    .module-two-sec-smaller-image{
        display:block
    }
}
.module-two-sec-smaller-image .left{
    width:10%;
    min-width:100px;
    float:left;
    text-align:left;
    margin:30px 30px 30px 0
}
@media all and (max-width: 768px){
    .module-two-sec-smaller-image .left{
        float:none;
        text-align:left;
        margin:30px 0 10px;
        width:100%
    }
}
.module-two-sec-smaller-image .right{
    width:90%;
    text-align:left;
    float:right;
    margin:30px 0
}
@media all and (max-width: 768px){
    .module-two-sec-smaller-image .right{
        float:none;
        width:100%;
        margin:0
    }
}
.module-two-sec-smaller-image:after{
    content:"";
    display:table;
    clear:both
}
.three-section div{
    width:33%;
    float:left;
    padding:30px;
    text-align:center
}
.three-section div img{
    width:250px
}
@media all and (max-width: 768px){
    .three-section div{
        width:100%;
        float:none
    }
}
.three-section:after{
    content:"";
    display:table;
    clear:both
}
.module-three-section div.left,.module-three-section div.middle,.module-three-section div.right{
    float:left;
    width:31%
}
@media screen and (max-width: 960px){
    .module-three-section div.left,.module-three-section div.middle,.module-three-section div.right{
        float:none;
        width:100%;
        max-width:600px;
        margin:0 auto
    }
}
.module-three-section div.middle{
    margin:0 3.5%
}
@media screen and (max-width: 960px){
    .module-three-section div.middle{
        margin:0 auto;
        padding:45px 0
    }
}
.module-three-section:after{
    content:"";
    display:table;
    clear:both
}
.module-three-section.cards div.left,.module-three-section.cards div.middle,.module-three-section.cards div.right{
    padding:30px;
    background:white
}
@media screen and (max-width: 960px){
    .module-three-section.cards div.middle{
        margin:45px auto
    }
}
.module-three-section.speakers div.left,.module-three-section.speakers div.middle,.module-three-section.speakers div.right{
    width:28%
}
@media screen and (max-width: 960px){
    .module-three-section.speakers div.left,.module-three-section.speakers div.middle,.module-three-section.speakers div.right{
        width:100%;
        max-width:400px
    }
}
.module-three-section.speakers div.middle{
    margin:0 8%
}
@media screen and (max-width: 960px){
    .module-three-section.speakers div.middle{
        margin:0 auto
    }
}
.module-three-section.videos div.left img,.module-three-section.videos div.middle img,.module-three-section.videos div.right img{
    border-radius:8px
}
@media screen and (max-width: 960px){
    .module-three-section.videos div.left,.module-three-section.videos div.middle,.module-three-section.videos div.right{
        width:100%;
        max-width:400px
    }
}
.module-one-third-image-left{
    display:-webkit-flex;
    display:flex
}
@media all and (max-width: 960px){
    .module-one-third-image-left{
        -webkit-flex-direction:column;
        flex-direction:column;
        display:block;
        max-width:600px;
        margin:0 auto
    }
}
.module-one-third-image-left div:nth-of-type(1){
    display:flex;
    display:-webkit-flex;
    width:30%;
    float:left;
    margin-right:5%;
    justify-content:center;
    -webkit-justify-content:center;
    flex-direction:column;
    -webkit-flex-direction:column
}
@media all and (max-width: 960px){
    .module-one-third-image-left div:nth-of-type(1){
        display:block;
        float:none;
        width:100%;
        max-width:600px;
        margin:0 auto;
        margin-bottom:30px
    }
}
.module-one-third-image-left div:nth-of-type(2){
    display:flex;
    display:-webkit-flex;
    width:65%;
    float:right;
    justify-content:center;
    -webkit-justify-content:center;
    flex-direction:column;
    -webkit-flex-direction:column;
    text-align:left
}
@media all and (max-width: 960px){
    .module-one-third-image-left div:nth-of-type(2){
        display:block;
        float:none;
        text-align:left;
        width:100%;
        max-width:600px;
        margin:0 auto
    }
}
.module-one-third-image-left2{
    display:-webkit-flex;
    display:flex
}
@media all and (max-width: 960px){
    .module-one-third-image-left2{
        -webkit-flex-direction:column;
        flex-direction:column;
        display:block;
        max-width:600px;
        margin:0 auto
    }
}
.module-one-third-image-left2 div:nth-of-type(1){
    display:flex;
    display:-webkit-flex;
    width:15%;
    float:left;
    margin-right:5%;
    justify-content:normal;
    -webkit-justify-content:normal;
    flex-direction:column;
    -webkit-flex-direction:column
}
@media all and (max-width: 960px){
    .module-one-third-image-left2 div:nth-of-type(1){
        display:block;
        float:none;
        width:100%;
        max-width:600px;
        margin:0 auto;
        margin-bottom:30px
    }
}
.module-one-third-image-left2 div:nth-of-type(2){
    display:flex;
    display:-webkit-flex;
    width:85%;
    float:right;
    justify-content:center;
    -webkit-justify-content:center;
    flex-direction:column;
    -webkit-flex-direction:column;
    text-align:left
}
@media all and (max-width: 960px){
    .module-one-third-image-left2 div:nth-of-type(2){
        display:block;
        float:none;
        text-align:left;
        width:100%;
        max-width:600px;
        margin:0 auto
    }
}
.module-one-third-image-right{
    display:-webkit-flex;
    display:flex
}
@media all and (max-width: 960px){
    .module-one-third-image-right{
        -webkit-flex-direction:column;
        flex-direction:column;
        -webkit-flex-flow:column-reverse;
        flex-flow:column-reverse;
        max-width:600px;
        margin:0 auto
    }
}
.module-one-third-image-right div:nth-of-type(1){
    display:flex;
    display:-webkit-flex;
    width:65%;
    float:left;
    justify-content:center;
    -webkit-justify-content:center;
    flex-direction:column;
    -webkit-flex-direction:column;
    text-align:left
}
@media all and (max-width: 960px){
    .module-one-third-image-right div:nth-of-type(1){
        display:block;
        float:none;
        text-align:left;
        width:100%;
        max-width:600px;
        margin:0 auto
    }
}
.module-one-third-image-right div:nth-of-type(2){
    display:flex;
    display:-webkit-flex;
    width:30%;
    margin-left:5%;
    float:right;
    justify-content:center;
    -webkit-justify-content:center;
    flex-direction:column;
    -webkit-flex-direction:column
}
@media all and (max-width: 960px){
    .module-one-third-image-right div:nth-of-type(2){
        display:block;
        float:none;
        width:100%;
        max-width:600px;
        margin:0 auto;
        margin-bottom:30px
    }
}
@media all and (max-width: 960px){
    .module-three-section-even{
        max-width:560px;
        margin:0 auto
    }
}
.module-three-section-even .left{
    width:34%
}
.module-three-section-even .middle{
    width:44%
}
.module-three-section-even .right{
    width:22%
}
.module-three-section-even .left,.module-three-section-even .middle,.module-three-section-even .right{
    float:left
}
@media all and (max-width: 960px){
    .module-three-section-even .left,.module-three-section-even .middle,.module-three-section-even .right{
        float:none;
        width:100%
    }
}
.module-three-section-even:after{
    content:"";
    display:table;
    clear:both
}
.module-three-section-even.two .left{
    width:38%
}
.module-three-section-even.two .middle{
    width:33%
}
.module-three-section-even.two .right{
    width:29%
}
@media all and (max-width: 960px){
    .module-three-section-even.two{
        max-width:560px;
        margin:0 auto
    }
}
.module-three-section-even.two .left,.module-three-section-even.two .middle,.module-three-section-even.two .right{
    float:left
}
@media all and (max-width: 960px){
    .module-three-section-even.two .left,.module-three-section-even.two .middle,.module-three-section-even.two .right{
        float:none;
        width:100%
    }
}
.module-three-section-even.two:after{
    content:"";
    display:table;
    clear:both
}
.module-three-section-even.three .left{
    width:35%
}
.module-three-section-even.three .middle{
    width:37%
}
.module-three-section-even.three .right{
    width:27%
}
@media all and (max-width: 1200px){
    .module-three-section-even.three{
        max-width:350px;
        margin:45px auto 0
    }
}
.module-three-section-even.three .left,.module-three-section-even.three .middle,.module-three-section-even.three .right{
    float:left
}
@media all and (max-width: 1200px){
    .module-three-section-even.three .left,.module-three-section-even.three .middle,.module-three-section-even.three .right{
        float:none;
        width:100%
    }
}
.module-three-section-even.three:after{
    content:"";
    display:table;
    clear:both
}
@media screen and (max-width: 1200px){
    .module-four-section{
        max-width:800px;
        margin:0 auto
    }
}
.module-four-section div.left,.module-four-section div.middle-left,.module-four-section div.middle-right,.module-four-section div.right{
    width:22.75%;
    float:left
}
@media screen and (max-width: 1200px){
    .module-four-section div.left,.module-four-section div.middle-left,.module-four-section div.middle-right,.module-four-section div.right{
        width:47.5%
    }
}
@media screen and (max-width: 768px){
    .module-four-section div.left,.module-four-section div.middle-left,.module-four-section div.middle-right,.module-four-section div.right{
        width:100%;
        float:none;
        max-width:350px;
        margin:0 auto
    }
}
.module-four-section div.middle-left{
    margin:0 1.5% 0 3%
}
@media screen and (max-width: 1200px){
    .module-four-section div.middle-left{
        margin:0 0 7.5% 5%
    }
}
@media screen and (max-width: 768px){
    .module-four-section div.middle-left{
        margin:60px auto
    }
}
.module-four-section div.middle-right{
    margin:0 3% 0 1.5%
}
@media screen and (max-width: 1200px){
    .module-four-section div.middle-right{
        margin:0 5% 0 0
    }
}
@media screen and (max-width: 768px){
    .module-four-section div.middle-right{
        margin:60px auto
    }
}
.module-four-section:after{
    content:"";
    display:table;
    clear:both
}
.module-four-section2 div.left,.module-four-section2 div.middle-left,.module-four-section2 div.middle-right,.module-four-section2 div.right{
    width:22.75%;
    float:left
}
@media screen and (max-width: 960px){
    .module-four-section2 div.left,.module-four-section2 div.middle-left,.module-four-section2 div.middle-right,.module-four-section2 div.right{
        width:47.5%
    }
}
@media screen and (max-width: 600px){
    .module-four-section2 div.left,.module-four-section2 div.middle-left,.module-four-section2 div.middle-right,.module-four-section2 div.right{
        width:100%;
        float:none
    }
}
.module-four-section2.logos img{
    width:200px;
    padding:15px 0
}
.module-four-section2 p{
    line-height:1.5
}
@media all and (max-width: 1200px){
    .module-four-section2 p{
        width:100%
    }
}
@media screen and (max-width: 960px){
    .module-four-section2 div.left{
        margin:0 2.5% 0 0
    }
}
@media screen and (max-width: 600px){
    .module-four-section2 div.left{
        margin:0 0 50px
    }
}
.module-four-section2 div.middle-left{
    margin:0 1.5% 0 3%
}
@media screen and (max-width: 960px){
    .module-four-section2 div.middle-left{
        margin:0 0 0 2.5%
    }
}
@media screen and (max-width: 600px){
    .module-four-section2 div.middle-left{
        margin:50px 0
    }
}
.module-four-section2 div.middle-right{
    margin:0 3% 0 1.5%
}
@media screen and (max-width: 960px){
    .module-four-section2 div.middle-right{
        margin:7.5% 2.5% 0 0;
        clear:both
    }
}
@media screen and (max-width: 600px){
    .module-four-section2 div.middle-right{
        margin:50px 0
    }
}
@media screen and (max-width: 960px){
    .module-four-section2 div.right{
        margin:7.5% 0 0 2.5%
    }
}
@media screen and (max-width: 600px){
    .module-four-section2 div.right{
        margin:50px 0 0
    }
}
.module-four-section2:after{
    content:"";
    display:table;
    clear:both
}
.module-cards-four{
    display:flex;
    display:-webkit-flex;
    justify-content:center;
    -webkit-justify-content:center;
    -webkit-flex-wrap:wrap;
    width:92%;
    margin:0 auto;
    max-width:calc(1200px + 2%)
}
@media all and (max-width: 500px){
    .module-cards-four{
        flex-direction:column;
        -webkit-flex-direction:column;
        width:90%;
        margin:0 auto;
        max-width:1200px
    }
}
.module-cards-four .card{
    display:flex;
    display:-webkit-flex;
    flex-direction:column;
    -webkit-flex-direction:column;
    align-items:center;
    -webkit-align-items:center;
    text-align:center;
    width:22%;
    margin:1.5%;
    padding:20px;
    cursor:pointer;
    border:1px solid #DADCE0;
    border-radius:8px
}
@media all and (max-width: 960px){
    .module-cards-four .card{
        width:30%;
        margin:1.5%
    }
}
@media all and (max-width: 768px){
    .module-cards-four .card{
        width:46%;
        margin:2%
    }
}
@media all and (max-width: 500px){
    .module-cards-four .card{
        margin:0 auto 7%;
        width:100%
    }
}
.module-cards-four .card p{
    flex:1;
    -webkit-flex:1;
    color:#000000;
    line-height:1.15
}
.module-cards-four.mal .card{
    border:1px solid #DADCE0;
    border-radius:8px
}
.module-speakers div{
    display:inline-block;
    vertical-align:top;
    width:27%;
    min-width:225px;
    margin:3%
}
.module-speakers img{
    width:275px;
    border-radius:50%
}
@media screen and (max-width: 1200px){
    .module-speakers img{
        width:250px
    }
}
@media screen and (max-width: 960px){
    .module-speakers img{
        width:200px
    }
}
.module-speakers.square img{
    border-radius:0
}
.module-speakers:after{
    content:"";
    display:table;
    clear:both
}
.module-3-across div{
    display:inline-block;
    vertical-align:top;
    width:23%;
    min-width:225px;
    margin:5%
}
@media screen and (max-width: 768px){
    .module-3-across div{
        margin:7.5% 5%
    }
}
@media screen and (max-width: 650px){
    .module-3-across div{
        margin:10% 5%
    }
}
.module-3-across img{
    width:275px
}
@media screen and (max-width: 1200px){
    .module-3-across img{
        width:250px
    }
}
@media screen and (max-width: 960px){
    .module-3-across img{
        width:200px
    }
}
.module-3-across:after{
    content:"";
    display:table;
    clear:both
}
.module-locations div{
    display:inline-block;
    vertical-align:top;
    width:17%;
    min-width:200px;
    margin:3%
}
@media screen and (max-width: 600px){
    .module-locations div{
        width:100%;
        margin:5% 0
    }
}
.module-locations img{
    width:175px;
    border-radius:50%
}
@media screen and (max-width: 960px){
    .module-locations img{
        width:150px
    }
}
.module-locations:after{
    content:"";
    display:table;
    clear:both
}
.module-departments div{
    display:inline-block;
    vertical-align:top;
    width:27%;
    min-width:225px;
    margin:3%
}
@media screen and (max-width: 960px){
    .module-departments div{
        width:50%;
        margin:30px 50% 30px 0
    }
}
.module-departments:after{
    content:"";
    display:table;
    clear:both
}
.report-module{
    display:flex !important;
    display:-webkit-flex !important;
    padding:32px 72px;
    background:#673ab7
}
@media all and (max-width: 768px){
    .report-module{
        display:block !important
    }
}
@media all and (max-width: 600px){
    .report-module{
        padding:30px
    }
}
@media all and (max-width: 450px){
    .report-module{
        padding:30px 15px
    }
}
.report-module .logo{
    width:125px;
    min-width:125px;
    align-self:center;
    -webkit-align-self:center
}
@media all and (max-width: 768px){
    .report-module .logo{
        min-width:0;
        margin:0 auto 20px
    }
}
.report-module .logo img{
    max-height:60px
}
.report-module .borderline{
    border-left:1px solid #dadce0;
    margin-left:36px;
    margin-right:36px
}
.report-module .content{
    display:flex;
    display:-webkit-flex;
    flex-direction:column;
    -webkit-flex-direction:column;
    align-items:flex-start;
    -webkit-align-items:flex-start;
    justify-content:space-between;
    -webkit-justify-content:space-between;
    text-align:left
}
.card-container4{
    display:flex;
    display:-webkit-flex
}
@media all and (max-width: 1200px){
    .card-container4{
        flex-wrap:wrap;
        -webkit-flex-wrap:wrap
    }
}
.card-container4 div{
    display:flex;
    display:-webkit-flex;
    width:25%
}
.card-container4 div:nth-of-type(2){
    margin:0 3%
}
.card-container4 div:nth-of-type(3){
    margin:0 3% 0 0
}
@media all and (max-width: 1200px){
    .card-container4 div{
        width:47.5%
    }
    .card-container4 div:nth-of-type(1){
        margin:0 2.5% 5% 0
    }
    .card-container4 div:nth-of-type(2){
        margin:0 0 5% 2.5%
    }
    .card-container4 div:nth-of-type(3){
        margin:0 2.5% 0 0
    }
    .card-container4 div:nth-of-type(4){
        margin:0 0 0 2.5%
    }
}
@media all and (max-width: 768px){
    .card-container4{
        display:block
    }
    .card-container4 div{
        display:block;
        width:100%;
        max-width:600px;
        margin:0 auto
    }
    .card-container4 div:nth-of-type(1){
        margin:7.5% auto
    }
    .card-container4 div:nth-of-type(2){
        margin:7.5% auto
    }
    .card-container4 div:nth-of-type(3){
        margin:7.5% auto
    }
    .card-container4 div:nth-of-type(4){
        margin:7.5% auto 0
    }
}
.card span.wrap{
    padding:30px;
    display:block;
    margin:0 auto
}
@media all and (max-width: 400px){
    .card span.wrap{
        padding:30px 15px
    }
}
.new-nav{
    background:#fff;
    position:fixed;
    width:100%;
    top:0;
    z-index:999;
    height:60px;
    border-bottom:1px solid #dadce0
}
.new-nav .nav-logo img{
    width:100px;
    height:27px
}
.new-nav .container{
    height:60px;
    display:flex;
    display:-webkit-flex;
    align-items:center;
    -webkit-align-items:center
}
.new-nav .logo-nav{
    margin-right:30px;
    display:flex;
    display:-webkit-flex;
    flex:0 0 auto;
    -webkit-flex:0 0 auto
}
.new-nav .nav{
    display:flex;
    display:-webkit-flex;
    flex-grow:1;
    -webkit-flex-grow:1;
    align-items:center;
    -webkit-align-items:center
}
.new-nav .nav .main-nav a{
    cursor:default;
    padding:27px 15px 17px
}
.new-nav .nav .main-nav a:hover{
    text-decoration:none
}
.new-nav .nav .main-nav .active-link a{
    border-color:#fff;
    text-decoration:none
}
.new-nav .nav .nav-search{
    display:flex;
    display:-webkit-flex;
    flex-grow:1;
    -webkit-flex-grow:1;
    justify-content:flex-end;
    -webkit-justify-content:flex-end
}
.new-nav .nav .nav-search .nav-search-icon{
    vertical-align:middle;
    margin-top:3px;
    color:#5F6368
}
.new-nav .nav .nav-search .form-container-large{
    display:none;
    flex-grow:0.0001;
    -webkit-flex-grow:0.0001;
    flex-shrink:1;
    -webkit-flex-shrink:1;
    flex-basis:auto;
    -webkit-flex-basis:auto;
    align-items:center;
    -webkit-align-items:center;
    transition:all .5s
}
.new-nav .nav .nav-search .form-container-large.grow{
    flex-grow:1;
    -webkit-flex-grow:1
}
.new-nav .nav .nav-search .form-container-large #global-search-form{
    display:inline-block;
    width:calc(100% - 40px)
}
.new-nav .nav .nav-search .form-container-large #global-search-form .fa{
    position:absolute;
    padding:11px 0px 0 10px;
    font-size:14px;
    color:#5F6368
}
.new-nav .nav .nav-search .form-container-large .search-close-large{
    vertical-align:middle;
    margin:3px 0 0 13px;
    color:#5F6368;
    cursor:pointer
}
.new-nav .nav2{
    display:flex;
    display:-webkit-flex;
    flex:0 0 auto;
    -webkit-flex:0 0 auto;
    align-items:center;
    -webkit-align-items:center
}
.new-nav .nav2 .user-locale{
    margin:0 25px 0 15px
}
.new-nav .nav2 .globe{
    width:20px;
    vertical-align:middle
}
.new-nav .nav2 .primary{
    color:#ffffff !important;
    font-size:14px !important;
    padding:0 15px !important;
    height:36px !important;
    font-family:Google Sans,sans-serif
}
.new-nav .mm-link a{
    cursor:default !important
}
.new-nav .mm-inner a{
    cursor:pointer !important
}
.new-nav #menu ul{
    margin:-5px 0 0
}
.new-nav #menu li{
    margin-right:0;
    padding:0;
    display:inline-block
}
.new-nav #menu li a{
    font-size:14px;
    font-weight:300;
    cursor:pointer;
    color:#5F6368;
    display:block;
    text-transform:capitalize
}
.new-nav #menu li.request-demo{
    margin-right:0;
    margin-top:0.2rem
}
.new-nav #menu li.request-demo a{
    border-bottom:none
}
.c-menu{
    position:fixed;
    z-index:99999;
    transition:transform 0.3s
}
.c-menu__items{
    list-style:none;
    margin:0;
    padding:0
}
.c-menu__close{
    color:#fff;
    font-size:14px;
    border:none;
    box-shadow:none;
    border-radius:0;
    -webkit-appearance:none;
    -moz-appearance:none;
    cursor:pointer
}
.c-menu__close:focus{
    outline:none
}
body.has-active-menu{
    overflow:hidden
}
.c-mask{
    position:fixed;
    z-index:999;
    top:0;
    left:0;
    overflow:hidden;
    width:0;
    height:0;
    background-color:#000;
    opacity:0;
    transition:opacity 0.3s, width 0s 0.3s, height 0s 0.3s
}
.c-mask.is-active{
    width:100%;
    height:100%;
    opacity:0.7;
    transition:opacity 0.3s
}
.c-menu--slide-left,.c-menu--slide-right,.c-menu--push-left,.c-menu--push-right{
    width:100%;
    height:100%;
    overflow-y:scroll
}
@media all and (min-width: 320px){
    .c-menu--slide-left,.c-menu--slide-right,.c-menu--push-left,.c-menu--push-right{
        width:300px
    }
}
.c-menu--slide-left .c-menu__item,.c-menu--slide-right .c-menu__item,.c-menu--push-left .c-menu__item,.c-menu--push-right .c-menu__item{
    display:block
}
.c-menu--slide-left .c-menu__item:first-child,.c-menu--slide-right .c-menu__item:first-child,.c-menu--push-left .c-menu__item:first-child,.c-menu--push-right .c-menu__item:first-child{
    border-top:none
}
.c-menu--slide-left .c-menu__item:last-child,.c-menu--slide-right .c-menu__item:last-child,.c-menu--push-left .c-menu__item:last-child,.c-menu--push-right .c-menu__item:last-child{
    border-bottom:none
}
.c-menu--slide-left .c-menu__link,.c-menu--slide-right .c-menu__link,.c-menu--push-left .c-menu__link,.c-menu--push-right .c-menu__link{
    display:block;
    padding:15px
}
.c-menu--slide-left .c-menu__close,.c-menu--slide-right .c-menu__close,.c-menu--push-left .c-menu__close,.c-menu--push-right .c-menu__close{
    display:block;
    padding:15px;
    text-align:right;
    line-height:.6;
    text-transform:uppercase;
    width:100%
}
.c-menu--slide-right,.c-menu--push-right{
    top:0;
    right:0;
    transform:translateX(100%);
    -webkit-transform:translateX(100%)
}
@media all and (min-width: 320px){
    .c-menu--slide-right,.c-menu--push-right{
        -webkit-transform:translateX(300px);
        transform:translateX(300px);
        display:none
    }
}
.c-menu--slide-right.is-active,.c-menu--push-right.is-active{
    -webkit-transform:translateX(0);
    transform:translateX(0);
    display:block
}
.o-wrapper.has-push-left{
    -webkit-transform:translateX(100%);
    transform:translateX(100%)
}
@media all and (min-width: 320px){
    .o-wrapper.has-push-left{
        -webkit-transform:translateX(300px);
        transform:translateX(300px)
    }
}
.o-wrapper.has-push-right{
    -webkit-transform:translateX(-100%);
    transform:translateX(-100%)
}
@media all and (min-width: 320px){
    .o-wrapper.has-push-right{
        -webkit-transform:translateX(-300px);
        transform:translateX(-300px)
    }
}
.c-menu{
    background-color:white
}
.c-menu--push-right .c-menu__item{
    border-color:#564A89;
    border-top:none;
    text-align:left
}
.c-menu--push-right .c-menu__item .c-menu__link{
    text-transform:capitalize;
    font-weight:400;
    font-size:16px;
    color:#5F6368
}
.c-menu--push-right .c-menu__item .c-menu__link:hover{
    color:#5F6368;
    text-decoration:none
}
.c-menu--push-right .c-menu__close{
    display:none
}
#o-wrapper{
    display:none;
    text-align:right
}
@media only screen and (max-width: 1200px){
    #o-wrapper{
        display:flex;
        display:-webkit-flex;
        flex:1;
        -webkit-flex:1;
        justify-content:flex-end;
        -webkit-justify-content:flex-end;
        align-items:center;
        -webkit-align-items:center
    }
}
#o-wrapper .search-trigger-small{
    margin-right:15px
}
#o-wrapper #global-search-form-small{
    display:none;
    width:20%;
    align-items:center;
    -webkit-align-items:center;
    transition:width .5s
}
#o-wrapper #global-search-form-small.grow{
    width:100%
}
#o-wrapper #global-search-form-small .fa{
    position:absolute;
    padding:5px 0px 5px 10px;
    font-size:14px;
    color:#5F6368
}
#o-wrapper .search-close-small{
    vertical-align:middle;
    margin:3px 0 0 13px;
    color:#5F6368;
    cursor:pointer
}
.hamburger{
    font-size:30px;
    vertical-align:middle;
    color:#6a6e73;
    cursor:pointer
}
.mm-hover{
    cursor:default
}
@media all and (max-width: 1200px){
    .nav,.nav2{
        display:none !important
    }
}
#mega-menu1,#mega-menu2,#mega-menu3,#mega-menu4,#mega-menu5,#mega-menu6{
    display:none;
    cursor:default;
    position:absolute;
    height:auto;
    top:100%;
    padding:10px 10px 15px;
    margin:1px -10px 0;
    list-style:none;
    color:#282828;
    background-color:#ffffff;
    border-top:1px solid #e8e8e8;
    -webkit-box-shadow:0px 0.5px 2px 1px #e8e8e8;
    box-shadow:0px 0.5px 2px 1px #e8e8e8;
    background-clip:padding-box
}
#mega-menu1 p.title,#mega-menu2 p.title,#mega-menu3 p.title,#mega-menu4 p.title,#mega-menu5 p.title,#mega-menu6 p.title{
    border-color:white;
    border-bottom:none;
    padding:0 29px
}
#mega-menu1 p.title:hover,#mega-menu2 p.title:hover,#mega-menu3 p.title:hover,#mega-menu4 p.title:hover,#mega-menu5 p.title:hover,#mega-menu6 p.title:hover{
    color:#514383
}
@media only screen and (max-width: 1300px){
    #mega-menu1 p.title,#mega-menu2 p.title,#mega-menu3 p.title,#mega-menu4 p.title,#mega-menu5 p.title,#mega-menu6 p.title{
        padding:0 20px
    }
}
#mega-menu1 .mm-inner a,#mega-menu2 .mm-inner a,#mega-menu3 .mm-inner a,#mega-menu4 .mm-inner a,#mega-menu5 .mm-inner a,#mega-menu6 .mm-inner a{
    padding-top:10px;
    padding-bottom:10px
}
#mega-menu1 .mm-inner p,#mega-menu2 .mm-inner p,#mega-menu3 .mm-inner p,#mega-menu4 .mm-inner p,#mega-menu5 .mm-inner p,#mega-menu6 .mm-inner p{
    font-size:16px;
    line-height:1.3;
    padding-top:0;
    padding-bottom:0;
    margin-left:-1px
}
#mega-menu1 .mm-inner p:hover,#mega-menu2 .mm-inner p:hover,#mega-menu3 .mm-inner p:hover,#mega-menu4 .mm-inner p:hover,#mega-menu5 .mm-inner p:hover,#mega-menu6 .mm-inner p:hover{
    color:#673ab7 !important
}
#mega-menu1 .mm-inner p.title,#mega-menu2 .mm-inner p.title,#mega-menu3 .mm-inner p.title,#mega-menu4 .mm-inner p.title,#mega-menu5 .mm-inner p.title,#mega-menu6 .mm-inner p.title{
    font-weight:400;
    cursor:default;
    color:#5f6368 !important;
    font-size:13px;
    text-transform:uppercase;
    letter-spacing:1px;
    line-height:1.3;
    padding:10px 15px
}
#mega-menu1 ul.no_bullet,#mega-menu2 ul.no_bullet,#mega-menu3 ul.no_bullet,#mega-menu4 ul.no_bullet,#mega-menu5 ul.no_bullet,#mega-menu6 ul.no_bullet{
    list-style-type:none;
    padding:0;
    margin:0
}
#mega-menu1 li.mm-bullet,#mega-menu2 li.mm-bullet,#mega-menu3 li.mm-bullet,#mega-menu4 li.mm-bullet,#mega-menu5 li.mm-bullet,#mega-menu6 li.mm-bullet{
    background-size:75px;
    min-height:75px;
    width:24%;
    vertical-align:top;
    text-align:left;
    height:auto;
    display:inline-block;
    margin:15px 4%
}
@media all and (max-width: 1000px){
    #mega-menu1 li.mm-bullet,#mega-menu2 li.mm-bullet,#mega-menu3 li.mm-bullet,#mega-menu4 li.mm-bullet,#mega-menu5 li.mm-bullet,#mega-menu6 li.mm-bullet{
        background-size:60px;
        min-height:60px;
        height:auto
    }
}
#mega-menu1 p,#mega-menu2 p,#mega-menu3 p,#mega-menu4 p,#mega-menu5 p,#mega-menu6 p{
    font-weight:400;
    text-transform:initial;
    color:#202124
}
.m-menu .mm-inner{
    float:left
}
.mm-link{
    cursor:pointer
}
.mm-link .fa{
    vertical-align:middle;
    margin-top:-3px
}
#c-menu--push-right li{
    padding:0
}
#c-menu--push-right .mobile-dd{
    background:#F1F3F4
}
#c-menu--push-right .mobile-ddd{
    background:#E8EAED
}
#c-menu--push-right a.toggle-button{
    color:#5F6368;
    cursor:pointer
}
#c-menu--push-right .mobile-icon{
    float:right;
    font-size:12px;
    margin-top:7px
}
#c-menu--push-right .mobile-dd,#c-menu--push-right .mobile-ddd{
    display:none
}
#m-menu-top-container{
    border-bottom:1px solid #DADCE0;
    overflow:auto
}
.c-menu__close{
    display:block !important;
    color:#5F6368;
    background:white;
    font-size:40px;
    float:right;
    width:20% !important;
    font-weight:400
}
#m-menu-logo{
    width:130px;
    float:left;
    padding:15px
}
.m-menu-search{
    vertical-align:middle;
    color:#5F6368
}
.m-menu-menu{
    vertical-align:middle;
    margin-top:-4px;
    font-size:32px;
    color:#5F6368
}
.user-guide-nav{
    background:white;
    position:fixed;
    width:100%;
    top:0;
    z-index:999;
    height:60px;
    border-bottom:1px solid #DADCE0
}
.user-guide-nav.borderless{
    border-bottom:1px solid transparent
}
.user-guide-nav .nav-logo{
    position:relative;
    float:left;
    padding:16.5px 0
}
.user-guide-nav .nav-logo img{
    width:100px;
    height:27px;
    position:relative;
    padding:0
}
.user-guide-nav nav{
    display:block;
    float:left;
    margin-left:30px
}
@media all and (max-width: 1200px){
    .user-guide-nav nav{
        display:none
    }
}
.user-guide-nav ul{
    padding:0;
    margin:0
}
.user-guide-nav li{
    display:inline-block;
    margin:0;
    padding:0
}
.user-guide-nav li a{
    color:#5F6368;
    font-size:14px;
    display:block;
    padding:19.5px 15px 16.5px;
    border-bottom:3px solid transparent;
    font-weight:400
}
.user-guide-nav li a:hover{
    color:#4285F4
}
.user-guide-nav .first{
    pointer-events:none
}
.user-guide-nav .active{
    border-bottom:3px solid #4285F4
}
.user-guide-nav .mobile-nav{
    display:none;
    max-height:calc(100vh - 60px);
    overflow-y:auto;
    border-bottom:1px solid #DADCE0
}
@media all and (max-width: 1200px){
    .user-guide-nav .mobile-nav{
        top:60px;
        position:absolute;
        background:white;
        width:100%;
        padding:0 0 10px 5%;
        margin-left:-5%
    }
}
@media all and (max-width: 1200px){
    .user-guide-nav .mobile-nav p{
        margin:15px 0 25px;
        line-height:1.5;
        font-size:14px
    }
}
@media all and (max-width: 1200px){
    .user-guide-nav .mobile-nav a{
        color:#5F6368;
        font-weight:400
    }
}
@media all and (max-width: 1200px){
    .user-guide-nav .mobile-nav a:hover{
        color:#4285F4
    }
}
.user-guide-nav #nav-icon3{
    display:none;
    width:25px;
    height:25px;
    position:relative;
    float:right;
    margin:15px 0;
    -webkit-transform:rotate(0deg);
    -moz-transform:rotate(0deg);
    -o-transform:rotate(0deg);
    transform:rotate(0deg);
    -webkit-transition:.5s ease-in-out;
    -moz-transition:.5s ease-in-out;
    -o-transition:.5s ease-in-out;
    transition:.5s ease-in-out;
    cursor:pointer
}
@media all and (max-width: 1200px){
    .user-guide-nav #nav-icon3{
        display:block
    }
}
.user-guide-nav #nav-icon3 span{
    display:block;
    position:absolute;
    height:3px;
    width:100%;
    background:#5F6368;
    opacity:1;
    left:0;
    -webkit-transform:rotate(0deg);
    -moz-transform:rotate(0deg);
    -o-transform:rotate(0deg);
    transform:rotate(0deg);
    -webkit-transition:.25s ease-in-out;
    -moz-transition:.25s ease-in-out;
    -o-transition:.25s ease-in-out;
    transition:.25s ease-in-out
}
.user-guide-nav #nav-icon3 span:nth-child(1){
    top:6px
}
.user-guide-nav #nav-icon3 span:nth-child(2){
    top:14px
}
.user-guide-nav #nav-icon3 span:nth-child(3){
    top:14px
}
.user-guide-nav #nav-icon3 span:nth-child(4){
    top:22px
}
.user-guide-nav #nav-icon3.open span:nth-child(1){
    top:16px;
    width:0%;
    left:50%
}
.user-guide-nav #nav-icon3.open span:nth-child(4){
    top:16px;
    width:0%;
    left:50%
}
.user-guide-nav #nav-icon3.open span:nth-child(2){
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    transform:rotate(45deg)
}
.user-guide-nav #nav-icon3.open span:nth-child(3){
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    transform:rotate(-45deg)
}
.user-guide-subnav{
    display:block;
    background:#F8F9FA;
    position:fixed;
    width:100%;
    top:0;
    z-index:99;
    height:40px;
    margin-top:60px;
    border-bottom:1px solid #DADCE0
}
.user-guide-subnav form input.st-default-search-input{
    height:30px;
    margin:5px 0;
    border-radius:8px;
    outline:0
}
.open-source-nav{
    border-bottom:1px solid #DADCE0;
    position:fixed;
    width:100%;
    top:0;
    z-index:999;
    height:60px
}
.open-source-nav.borderless{
    border-bottom:1px solid transparent
}
.open-source-nav .nav-logo{
    position:relative;
    float:left;
    padding:16.5px 0;
    margin-right:30px
}
.open-source-nav .nav-logo img{
    width:100px;
    height:27px;
    position:relative;
    padding:0
}
.open-source-nav nav{
    display:block;
    float:left
}
@media all and (max-width: 960px){
    .open-source-nav nav{
        display:none
    }
}
.open-source-nav ul{
    padding:0;
    margin:0
}
.open-source-nav li{
    display:inline-block;
    margin:0;
    padding:18px 15px
}
.open-source-nav li a{
    color:#3C4043;
    font-size:14px
}
.open-source-nav li a:hover{
    color:#4285F4
}
.open-source-nav .first{
    pointer-events:none
}
.open-source-nav .bold{
    font-weight:700
}
.open-source-nav .mobile-nav{
    display:none;
    max-height:calc(100vh - 60px);
    overflow-y:auto
}
@media all and (max-width: 960px){
    .open-source-nav .mobile-nav{
        top:60px;
        position:absolute;
        color:#ffffff;
        width:100%;
        padding:0 0 10px 5%;
        margin-left:-5%
    }
}
.open-source-nav .mobile-nav p{
    margin:15px 0 25px;
    line-height:1.5;
    font-size:14px
}
.open-source-nav .mobile-nav p a{
    color:#3C4043
}
.open-source-nav .mobile-nav p a:hover{
    color:#4285F4
}
.open-source-nav #nav-icon3{
    display:none;
    width:25px;
    height:25px;
    position:relative;
    float:right;
    margin:15px 0;
    -webkit-transform:rotate(0deg);
    -moz-transform:rotate(0deg);
    -o-transform:rotate(0deg);
    transform:rotate(0deg);
    -webkit-transition:.5s ease-in-out;
    -moz-transition:.5s ease-in-out;
    -o-transition:.5s ease-in-out;
    transition:.5s ease-in-out;
    cursor:pointer
}
@media all and (max-width: 960px){
    .open-source-nav #nav-icon3{
        display:block
    }
}
.open-source-nav #nav-icon3 span{
    display:block;
    position:absolute;
    height:3px;
    width:100%;
    background:#9AA0A6;
    opacity:1;
    left:0;
    -webkit-transform:rotate(0deg);
    -moz-transform:rotate(0deg);
    -o-transform:rotate(0deg);
    transform:rotate(0deg);
    -webkit-transition:.25s ease-in-out;
    -moz-transition:.25s ease-in-out;
    -o-transition:.25s ease-in-out;
    transition:.25s ease-in-out
}
.open-source-nav #nav-icon3 span:nth-child(1){
    top:5px
}
.open-source-nav #nav-icon3 span:nth-child(2){
    top:15px
}
.open-source-nav #nav-icon3 span:nth-child(3){
    top:15px
}
.open-source-nav #nav-icon3 span:nth-child(4){
    top:25px
}
.open-source-nav #nav-icon3.open span:nth-child(1){
    top:16px;
    width:0%;
    left:50%
}
.open-source-nav #nav-icon3.open span:nth-child(4){
    top:16px;
    width:0%;
    left:50%
}
.open-source-nav #nav-icon3.open span:nth-child(2){
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    transform:rotate(45deg)
}
.open-source-nav #nav-icon3.open span:nth-child(3){
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    transform:rotate(-45deg)
}
.join-nav{
    background:#ffffff;
    position:fixed;
    width:100%;
    top:0;
    z-index:999;
    height:60px;
    border-bottom:2px solid #F8F9FA
}
.join-nav .nav-logo{
    position:relative;
    float:left;
    padding:10px 0
}
.join-nav .nav-logo img{
    width:40px;
    position:relative;
    padding:0
}
.join-nav .g-logo{
    width:139px;
    float:right;
    padding:19.25px 0
}
@media all and (max-width: 1025px){
    .join-nav .g-logo{
        display:none
    }
}
.join-nav nav{
    display:block;
    float:left;
    margin-left:30px
}
@media all and (max-width: 1025px){
    .join-nav nav{
        display:none
    }
}
.join-nav ul{
    padding:0;
    margin:0
}
.join-nav li{
    display:inline-block;
    margin:0;
    padding:18px 15px 13px
}
.join-nav li a{
    color:#202124;
    font-size:14px;
    font-weight:400
}
.join-nav li.highlight{
    border-bottom:3px solid #673ab7
}
.join-nav .mobile-nav{
    display:none;
    max-height:calc(100vh - 60px);
    overflow-y:auto
}
@media all and (max-width: 1025px){
    .join-nav .mobile-nav{
        top:60px;
        position:absolute;
        color:#ffffff;
        background:#ffffff;
        width:100%;
        padding:0 0 10px 5%;
        margin-left:-5%
    }
}
@media all and (max-width: 1025px){
    .join-nav .mobile-nav p{
        margin:20px 0;
        line-height:1.5;
        font-size:16px
    }
}
@media all and (max-width: 1025px){
    .join-nav .mobile-nav a{
        color:#202124;
        font-weight:400
    }
}
@media all and (max-width: 1025px){
    .join-nav .mobile-nav a:hover{
        color:#202124
    }
}
.join-nav .mobile-nav .g-logo-mobile{
    width:139px;
    margin:15px 20px 15px 0;
    float:right
}
.join-nav #nav-icon3{
    display:none;
    width:28px;
    height:30px;
    position:relative;
    float:right;
    margin:15px 0;
    -webkit-transform:rotate(0deg);
    -moz-transform:rotate(0deg);
    -o-transform:rotate(0deg);
    transform:rotate(0deg);
    -webkit-transition:.5s ease-in-out;
    -moz-transition:.5s ease-in-out;
    -o-transition:.5s ease-in-out;
    transition:.5s ease-in-out;
    cursor:pointer
}
@media all and (max-width: 1025px){
    .join-nav #nav-icon3{
        display:block
    }
}
.join-nav #nav-icon3 span{
    display:block;
    position:absolute;
    height:3px;
    width:100%;
    background:#202124;
    opacity:1;
    left:0;
    -webkit-transform:rotate(0deg);
    -moz-transform:rotate(0deg);
    -o-transform:rotate(0deg);
    transform:rotate(0deg);
    -webkit-transition:.25s ease-in-out;
    -moz-transition:.25s ease-in-out;
    -o-transition:.25s ease-in-out;
    transition:.25s ease-in-out
}
.join-nav #nav-icon3 span:nth-child(1){
    top:3px
}
.join-nav #nav-icon3 span:nth-child(2){
    top:13px
}
.join-nav #nav-icon3 span:nth-child(3){
    top:13px
}
.join-nav #nav-icon3 span:nth-child(4){
    top:23px
}
.join-nav #nav-icon3.open span:nth-child(1){
    top:16px;
    width:0%;
    left:50%
}
.join-nav #nav-icon3.open span:nth-child(4){
    top:16px;
    width:0%;
    left:50%
}
.join-nav #nav-icon3.open span:nth-child(2){
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    transform:rotate(45deg)
}
.join-nav #nav-icon3.open span:nth-child(3){
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    transform:rotate(-45deg)
}
.join-nav2{
    background:#ffffff;
    position:fixed;
    width:100%;
    top:0;
    z-index:999;
    height:60px;
    border-bottom:2px solid #F8F9FA
}
@media all and (max-width: 768px){
    .join-nav2{
        height:60px
    }
}
.join-nav2 .nav-logo{
    position:relative;
    float:left;
    padding:10px 0
}
.join-nav2 .nav-logo img{
    width:40px;
    position:relative;
    padding:0
}
.join-nav2 nav{
    display:block;
    float:right
}
.join-nav2 ul{
    padding:0;
    margin:0
}
.join-nav2 li{
    display:inline-block;
    margin:0;
    padding:18px 0 20px 18px
}
.join-nav2 li a{
    color:#202124;
    font-size:14px;
    font-weight:400
}
.new-site-footer{
    margin-top:-1px;
    color:#202124
}
.new-site-footer .footer-sections{
    padding:30px 0
}
@media all and (max-width: 960px){
    .new-site-footer .footer-sections{
        padding:0
    }
}
.new-site-footer .footer-sections>div{
    width:28%;
    float:left;
    padding:0 30px 0 0
}
.new-site-footer .footer-sections>div:last-of-type{
    padding:0;
    width:16%
}
@media all and (max-width: 960px){
    .new-site-footer .footer-sections>div{
        width:100%;
        float:none;
        padding:15px 15px 15px 0;
        border-bottom:1px solid #dadce0
    }
    .new-site-footer .footer-sections>div:last-of-type{
        padding:15px 15px 15px 0;
        width:100%;
        border-bottom:none
    }
}
.new-site-footer .footer-sections>div p{
    line-height:1.25;
    font-weight:400
}
@media all and (max-width: 960px){
    .new-site-footer .footer-sections>div p{
        cursor:pointer
    }
}
.new-site-footer .footer-sections>div p .fa{
    display:none
}
@media all and (max-width: 960px){
    .new-site-footer .footer-sections>div p .fa{
        display:block;
        float:right;
        font-size:12px;
        margin:6px 0 0 0
    }
}
@media all and (max-width: 960px){
    .new-site-footer .footer-sections>div .links{
        display:none
    }
}
.new-site-footer .footer-sections>div .links p{
    margin:15px 0 0;
    line-height:1
}
@media all and (max-width: 960px){
    .new-site-footer .footer-sections>div .links p{
        margin:20px 0
    }
}
.new-site-footer .footer-sections>div .links a{
    color:#202124;
    text-transform:capitalize;
    font-size:14px;
    font-weight:400
}
.new-site-footer .footer-sections>div .links a:hover{
    color:#673ab7
}
.new-site-footer .social-icons{
    padding:25px 0 15px 0
}
.new-site-footer .social-icons p{
    margin-right:10px;
    color:#202124;
    font-weight:400;
    padding:5px 0
}
.new-site-footer .social-icons div.inline{
    padding:5px 0
}
.new-site-footer .social-icons .fa{
    font-size:20px;
    padding:0 10px;
    color:#202124
}
.new-site-footer .social-icons .fa:hover{
    color:#673ab7
}
.new-site-footer .bottom-footer-links p{
    font-size:14px;
    color:#cccccc;
    display:inline-block;
    padding:10px 20px;
    font-weight:400
}
.new-site-footer .bottom-footer-links p a{
    color:#cccccc;
    border-bottom:none;
    font-weight:400
}
.new-site-footer .bottom-footer-links p a:hover{
    color:white
}
@media all and (max-width: 960px){
    .new-site-footer .bottom-footer-links p{
        color:#cccccc
    }
    .new-site-footer .bottom-footer-links p a{
        color:#cccccc
    }
}
.new-site-footer .footer-meta{
    background:#ffffff
}
.new-site-footer .footer-meta .container{
    padding:20px 0;
    border-top:1px solid #dadce0
}
.new-site-footer .footer-meta p{
    font-size:14px !important;
    color:#202124
}
.new-site-footer .footer-meta a{
    color:#202124;
    font-weight:400
}
.new-site-footer .footer-meta a:hover{
    text-decoration:none;
    color:#673ab7
}
.new-site-footer .footer-meta .left{
    float:left
}
@media only screen and (max-width: 960px){
    .new-site-footer .footer-meta .left{
        float:none;
        width:100%
    }
}
.new-site-footer .footer-meta .right{
    float:right
}
@media only screen and (max-width: 960px){
    .new-site-footer .footer-meta .right{
        float:none;
        width:100%
    }
}
form{
    width:100%;
    -webkit-appearance:none
}
form:after{
    content:"";
    display:table;
    clear:both
}
form input[type],form textarea{
    color:#6b6b6b
}
label{
    display:inline-block
}
legend{
    color:#000
}
fieldset{
    padding-top:1em;
    margin-bottom:2em;
    border-radius:0.2em;
    border-color:#DADCE0;
    background-color:#e6e6e6
}
input[type="tel"],input[type="text"],input[type="date"],input[type="email"],input[type="search"],input[type="number"],input[type="password"],textarea{
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    width:100%;
    padding:0.5em;
    border:1px solid #DADCE0;
    border-radius:4px
}
.help-block{
    margin-top:0.5em;
    margin-bottom:0.5em
}
input[type="search"]{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
input[type="date"]{
    height:2.8em;
    padding-top:0.5em;
    padding-bottom:0.5em;
    -webkit-appearance:none
}
input[type="checkbox"]{
    width:auto
}
.radio,.checkbox{
    position:relative
}
.radio label,.checkbox label{
    cursor:pointer;
    margin-bottom:0;
    padding-left:1.2em
}
.radio input[type=radio],.radio--inline input[type=radio],.checkbox input[type=checkbox],.checkbox--inline input[type=checkbox]{
    position:absolute;
    margin-left:-20px;
    line-height:normal
}
input[type=radio],input[type=checkbox]{
    margin:0.2em 0 0;
    line-height:normal
}
input[type=radio][disabled],input[type=checkbox][disabled],input[type=radio].disabled,input[type=checkbox].disabled,fieldset[disabled] input[type=radio],fieldset[disabled] input[type=checkbox]{
    cursor:not-allowed
}
.radio--inline+.radio--inline,.checkbox--inline+.checkbox--inline{
    margin-top:0;
    margin-left:0.8em
}
.radio--inline,.checkbox--inline{
    cursor:pointer;
    padding-left:1.3em;
    display:inline-block;
    vertical-align:middle
}
.form__control{
    width:100%;
    height:2.5em;
    display:block;
    padding:0.5em;
    color:#6b6b6b;
    font-size:.875em;
    border-radius:0.3em;
    background-image:none;
    background-color:#fff;
    border:0.1em solid #DADCE0;
    box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition:border-color ease-in-out 0.15s;
    -moz-transition:border-color ease-in-out 0.15s;
    transition:border-color ease-in-out 0.15s
}
select[multiple],select[size]{
    height:auto
}
.lt-ie9 form{
    padding:2em
}
.customer-module{
    display:flex;
    display:-webkit-flex
}
@media all and (max-width: 960px){
    .customer-module{
        display:block
    }
}
@media all and (max-width: 600px){
    .customer-module{
        margin:0 -5% 0
    }
}
.customer-module .flex-box{
    display:flex;
    display:-webkit-flex;
    flex-direction:column;
    -webkit-flex-direction:column;
    justify-content:center;
    -webkit-justify-content:center
}
@media all and (max-width: 960px){
    .customer-module .flex-box{
        min-height:0;
        width:100%
    }
}
.customer-module .flex-box.left{
    background:#F1F3F4;
    justify-content:center;
    -webkit-justify-content:center;
    flex:3;
    -webkit-flex:3;
    padding:60px
}
@media all and (max-width: 960px){
    .customer-module .flex-box.left{
        flex-direction:column;
        -webkit-flex-direction:column;
        padding:30px
    }
}
@media all and (max-width: 600px){
    .customer-module .flex-box.left{
        padding:30px 15px
    }
}
.customer-module .flex-box.right{
    flex:1.25;
    -webkit-flex:1.25
}
@media all and (max-width: 960px){
    .customer-module .flex-box.right{
        flex-direction:row;
        -webkit-flex-direction:row;
        min-height:0;
        width:100%
    }
}
.customer-module .flex-box.small{
    width:100%;
    min-height:120px;
    flex:1;
    -webkit-flex:1;
    align-items:center;
    -webkit-align-items:center;
    justify-content:center;
    -webkit-justify-content:center;
    padding:15px
}
@media all and (max-width: 960px){
    .customer-module .flex-box.small{
        min-height:100px
    }
}
.customer-module .flex-box.small img{
    width:180px
}
.customer-module .flex-box.small.one{
    background:#E8EAED
}
.customer-module .flex-box.small.two{
    background:#673ab7
}
.customer-module .flex-box.small.two:hover{
    background:#775ba7
}
.form-container{
    display:inline-block;
    width:100%;
    text-align:center;
    max-width:550px;
    padding:30px;
    background:#f8f9fa
}
@media all and (max-width: 450px){
    .form-container{
        padding:10px
    }
}
.form-container.w--450{
    max-width:450px
}
.breadcrumbs{
    padding:5px 0;
    margin-bottom:-10px !important
}
.breadcrumbs p{
    font-size:14px
}
.breadcrumbs i{
    vertical-align:text-top;
    font-size:16px
}
.compare-tabs{
    display:flex;
    display:-webkit-flex
}
.compare-tabs .left{
    display:flex;
    display:-webkit-flex;
    flex:1;
    -webkit-flex:1.5;
    flex-direction:column;
    -webkit-flex-direction:column;
    margin-right:60px
}
.compare-tabs .right{
    display:flex;
    display:-webkit-flex;
    flex:3;
    -webkit-flex:2.5;
    flex-direction:column;
    -webkit-flex-direction:column;
    align-items:flex-start;
    -webkit-align-items:flex-start
}
.compare-tabs .tab{
    padding:15px;
    margin:0 0 20px;
    font-size:16px;
    font-weight:500;
    background:#F1F3F4;
    cursor:pointer
}
@media all and (max-width: 960px){
    .compare-tabs .tab{
        font-size:16px;
        font-weight:500
    }
}
.compare-tabs .tab:last-of-type{
    margin:0
}
.compare-tabs .active{
    color:white;
    background:#673ab7;
    pointer-events:none;
    position:relative
}
.compare-tabs .active:after{
    background-image:url(/assets/img/images/system/blue_right_arrow.svg);
    background-size:20px 20px;
    display:block;
    position:absolute;
    left:105%;
    top:35%;
    bottom:5px;
    width:20px;
    height:20px;
    content:""
}
.compare-tabs .tab-section{
    padding:0 15px 0 5px
}
@media all and (max-width: 960px){
    .compare-tabs .tab-section{
        border:none;
        padding:0 0 60px;
        margin:0 auto
    }
    .compare-tabs .tab-section:last-of-type{
        padding:0
    }
}
.compare-tabs .tab-section p:first-of-type{
    margin-top:0
}
.definitions-container{
    display:flex;
    display:-webkit-flex;
    flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
    width:93%;
    margin:0 auto;
    max-width:calc(1200px + 2%)
}
.definitions-container .definitions-box{
    display:flex;
    display:-webkit-flex;
    flex-direction:column;
    -webkit-flex-direction:column;
    width:30.3%;
    margin:1.5%;
    padding:30px;
    outline:0;
    background:white
}
@media all and (max-width: 960px){
    .definitions-container .definitions-box{
        width:45%;
        margin:2.5%;
        padding:30px
    }
}
@media all and (max-width: 600px){
    .definitions-container .definitions-box{
        width:100%;
        margin:0 0 30px;
        padding:20px
    }
}
.cta-image-home{
    width:450px
}
.cta-image-home-hadoop{
    width:250px
}
.native-width{
    width:auto
}
@media screen and (max-width: 769px){
    .investor-images img{
        width:50%
    }
}
.product-slider-image{
    width:700px !important;
    margin:auto
}
.feature-partner-image{
    width:150px;
    height:auto;
    display:none;
    margin:1em
}
@media screen and (min-width: 650px){
    .feature-partner-image{
        display:block
    }
}
.form-center form{
    margin:auto
}
.no-margin{
    margin:0 !important
}
.no-list{
    list-style-type:none !important
}
.no-margin-bottom{
    margin-bottom:0 !important
}
.no-padding{
    padding:0 !important
}
.no-padding-top{
    padding-top:0 !important
}
.no-padding-bottom{
    padding-bottom:0 !important
}
.contact-link{
    color:#fff
}
.contact-link:hover{
    color:#fff
}
.product-icons{
    max-width:150px
}
.product-screen-b{
    max-width:650px;
    padding-bottom:20px;
    padding-left:40px
}
.looker-bubbles{
    max-width:120px;
    padding-top:25px
}
h5.home-subhead{
    font-size:1.625em;
    max-width:26em
}
header h1.padding-top--80{
    margin-top:6rem
}
@media screen and (max-width: 48.25em){
    header h1.padding-top--80{
        margin-top:5rem
    }
}
ul.checkmark{
    list-style-type:none;
    padding-left:0
}
ul.checkmark li:before{
    content:"\2713\0020";
    padding-right:.5em
}
@media (max-width: 550px){
    .no-mobile{
        display:none !important
    }
}
@media (max-width: 960px){
    .no-960{
        display:none !important
    }
}
@media (max-width: 850px){
    .home-slider{
        display:none
    }
}
.show-mobile{
    display:none
}
@media (max-width: 550px){
    .show-mobile{
        display:block
    }
}
@media (max-width: 550px){
    .mobile-no-bottom{
        padding-bottom:0 !important;
        margin-bottom:0 !important
    }
}
.list--unstyled{
    margin-top:0;
    margin-bottom:0;
    padding-left:0;
    list-style:none
}
.lead{
    font-size:1.1em
}
.list--indent{
    padding-left:0.5em
}
.hide,.screen-reader-text{
    top:-9999px;
    left:-9999px;
    position:absolute
}
.text--left{
    text-align:left
}
.text--right{
    text-align:right
}
.text--center{
    text-align:center
}
.spacer{
    margin-top:3em;
    margin-bottom:3em
}
.icon-alone{
    display:inline-block
}
.screen-reader-text,.ir{
    overflow:hidden
}
.screen-reader-text:before,.ir:before{
    content:"";
    display:block;
    width:0;
    height:100%
}
.vh{
    border:0;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    position:absolute;
    clip:rect(0 0 0 0)
}
.is-hidden{
    display:none
}
.text--success{
    color:#3c763d
}
.text--success:link,.text--success:visited{
    color:#3c763d
}
.text--success:hover,.text--success:active,.text--success:focus{
    color:#3c763d
}
.text--warning{
    color:#8a6d3b
}
.text--warning:link,.text--warning:visited{
    color:#8a6d3b
}
.text--warning:hover,.text--warning:active,.text--warning:focus{
    color:#8a6d3b
}
.text--danger{
    color:#a94442
}
.text--danger:link,.text--danger:visited{
    color:#a94442
}
.text--danger:hover,.text--danger:active,.text--danger:focus{
    color:#a94442
}
.tel:link,.tel:visited,.email:link,.email:visited{
    text-decoration:none
}
.tel:hover,.tel:active,.tel:focus,.email:hover,.email:active,.email:focus{
    text-decoration:underline
}
.nav--spaced-vertical li{
    margin-bottom:0.5em
}
.nav--spaced-vertical li:last-child{
    margin-bottom:0
}
.clear{
    clear:both
}
.list--dashed li{
    padding-top:0.5em;
    margin-bottom:0.3em;
    border-bottom:0.1em dashed #e6e6e6
}
.item--highlight{
    color:#137ec0
}
.item--highlight:link,.item--highlight:visited{
    color:#137ec0
}
.item--highlight:hover,.item--highlight:active,.item--highlight:focus{
    color:#137ec0
}
.img--rounded{
    border-radius:0.3em
}
.img--circle{
    border-radius:50%
}
.img--thumbnail{
    -webkit-transition:0.2s;
    -moz-transition:0.2s;
    transition:0.2s;
    padding:0.5em;
    margin-top:1em;
    border-radius:0.3em;
    background-color:#fff;
    border:1px solid #e6e6e6
}
.segment-customers{
    max-width:235px
}
.lt-ie9 .left{
    float:left
}
.lt-ie9 label.hide{
    top:auto;
    left:auto;
    position:static
}
.lt-ie9 .list--inline>li{
    padding-left:1em;
    padding-right:1em;
    display:inline-block
}
.lt-ie9 .list--inline>li:first-child{
    padding-left:0
}
.lt-ie9 .lead{
    font-size:1.3em
}
.lt-ie9 .break-desktop{
    display:block
}
.lt-ie9 .img--thumbnail{
    margin-top:0
}
.flex-control-nav{
    bottom:-10px
}
section{
    clear:both
}
.container{
    width:90%;
    margin:0 auto;
    clear:both;
    max-width:1200px
}
.container .middle-align-wrap{
    display:block
}
.container .middle-align-wrap:after{
    content:"";
    display:table;
    clear:both
}
.container .middle-align-wrap .middle-align{
    float:left;
    display:block;
    margin-right:2.35765%;
    width:82.94039%;
    margin-left:8.5298%
}
.container .middle-align-wrap .middle-align:last-child{
    margin-right:0
}
.container .middle-align-wrap .middle-align .middle-align-list{
    float:left;
    display:block;
    margin-right:2.84259%;
    width:38.29445%;
    margin-left:10.28426%
}
.container .middle-align-wrap .middle-align .middle-align-list:last-child{
    margin-right:0
}
.container .middle-align-wrap .middle-align-narrow{
    float:left;
    display:block;
    margin-right:2.84259%;
    width:58.86297%;
    margin-left:20.56852%
}
.container .middle-align-wrap .middle-align-narrow:last-child{
    margin-right:0
}
.container:after{
    content:"";
    display:table;
    clear:both
}
.full-container{
    max-width:1200px;
    margin-left:auto;
    margin-right:auto;
    padding-right:1rem;
    padding-left:1rem
}
.full-container:after{
    content:"";
    display:table;
    clear:both
}
.full-container .middle-align-wrap{
    display:block
}
.full-container .middle-align-wrap:after{
    content:"";
    display:table;
    clear:both
}
.full-container .middle-align-wrap .middle-align{
    float:left;
    display:block;
    margin-right:2.35765%;
    width:82.94039%;
    margin-left:8.5298%
}
.full-container .middle-align-wrap .middle-align:last-child{
    margin-right:0
}
.full-container .middle-align-wrap .middle-align .middle-align-list{
    float:left;
    display:block;
    margin-right:2.84259%;
    width:38.29445%;
    margin-left:10.28426%
}
.full-container .middle-align-wrap .middle-align .middle-align-list:last-child{
    margin-right:0
}
.full-container .middle-align-wrap .middle-align-narrow{
    float:left;
    display:block;
    margin-right:2.84259%;
    width:58.86297%;
    margin-left:20.56852%
}
.full-container .middle-align-wrap .middle-align-narrow:last-child{
    margin-right:0
}
.container-300{
    width:90%;
    margin:0 auto;
    clear:both;
    overflow:hidden;
    max-width:300px
}
.container-300:after{
    content:"";
    display:table;
    clear:both
}
.container-400{
    width:90%;
    margin:0 auto;
    clear:both;
    overflow:hidden;
    max-width:400px
}
.container-400:after{
    content:"";
    display:table;
    clear:both
}
.container-500{
    width:90%;
    margin:0 auto;
    clear:both;
    overflow:hidden;
    max-width:500px
}
.container-500:after{
    content:"";
    display:table;
    clear:both
}
.container-600{
    width:90%;
    margin:0 auto;
    clear:both;
    max-width:600px
}
.container-600:after{
    content:"";
    display:table;
    clear:both
}
.container-600-2{
    width:100%;
    margin:0;
    clear:both;
    max-width:600px
}
.container-600-2:after{
    content:"";
    display:table;
    clear:both
}
.container-800{
    width:90%;
    margin:0 auto;
    clear:both;
    max-width:800px
}
.container-800:after{
    content:"";
    display:table;
    clear:both
}
.container-700{
    width:90%;
    margin:0 auto;
    clear:both;
    max-width:700px
}
.container-700:after{
    content:"";
    display:table;
    clear:both
}
.container-900{
    width:90%;
    margin:0 auto;
    clear:both;
    max-width:900px
}
.container-900:after{
    content:"";
    display:table;
    clear:both
}
.container-1000{
    width:90%;
    margin:0 auto;
    clear:both;
    max-width:1000px
}
.container-1000:after{
    content:"";
    display:table;
    clear:both
}
.container-1100{
    width:90%;
    margin:0 auto;
    clear:both;
    max-width:1100px
}
.container-1100:after{
    content:"";
    display:table;
    clear:both
}
.container-1350{
    width:90%;
    margin:0 auto;
    clear:both;
    max-width:1350px
}
.container-1350:after{
    content:"";
    display:table;
    clear:both
}
.container-1400{
    width:90%;
    margin:0 auto;
    clear:both;
    max-width:1400px
}
.container-1400:after{
    content:"";
    display:table;
    clear:both
}
.container-1600{
    width:90%;
    margin:0 auto;
    clear:both;
    max-width:1600px
}
.container-1600:after{
    content:"";
    display:table;
    clear:both
}
.container-full{
    width:90%;
    margin:0 auto;
    clear:both
}
.container-full:after{
    content:"";
    display:table;
    clear:both
}
.container-full-width{
    width:100%;
    margin:0 auto;
    clear:both;
    max-width:1200px
}
.container-full-width:after{
    content:"";
    display:table;
    clear:both
}
.container-max-width{
    width:100%;
    margin:0 auto;
    clear:both
}
.container-max-width:after{
    content:"";
    display:table;
    clear:both
}
.container-full-width-600{
    width:100%;
    margin:0 auto;
    clear:both;
    max-width:600px
}
.container-full-width-600:after{
    content:"";
    display:table;
    clear:both
}
.container-full-width-900{
    width:100%;
    margin:0 auto;
    clear:both;
    max-width:900px
}
.container-full-width-900:after{
    content:"";
    display:table;
    clear:both
}
.container-full-width-1100{
    width:100%;
    margin:0 auto;
    clear:both;
    max-width:1100px
}
.container-full-width-1100:after{
    content:"";
    display:table;
    clear:both
}
.container-solutions{
    width:85%;
    margin:0 auto;
    clear:both;
    max-width:1200px
}
@media all and (max-width: 960px){
    .container-solutions{
        width:90%
    }
}
@media all and (max-width: 400px){
    .container-solutions{
        max-width:250px
    }
}
.container-solutions:after{
    content:"";
    display:table;
    clear:both
}
.container-solutions-900{
    width:85%;
    margin:0 auto;
    clear:both;
    max-width:900px
}
@media all and (max-width: 960px){
    .container-solutions-900{
        width:90%
    }
}
@media all and (max-width: 400px){
    .container-solutions-900{
        max-width:200px
    }
}
.container-solutions-900:after{
    content:"";
    display:table;
    clear:both
}
.footer-container{
    width:80%;
    margin:0 auto;
    clear:both;
    overflow:hidden;
    max-width:1100px
}
@media all and (max-width: 768px){
    .footer-container{
        width:90%
    }
}
.footer-container:after{
    content:"";
    display:table;
    clear:both
}
.full-right-container{
    width:90%;
    margin:0 auto;
    clear:both;
    max-width:1200px
}
@media all and (min-width: 768px) and (max-width: 1350px){
    .full-right-container{
        width:95%;
        margin:0 0 0 5%;
        clear:both;
        max-width:1200px
    }
}
.full-right-container:after{
    content:"";
    display:table;
    clear:both
}
.full-right-container .middle-align-wrap{
    display:block
}
.full-right-container .middle-align-wrap:after{
    content:"";
    display:table;
    clear:both
}
.full-right-container .middle-align-wrap .middle-align{
    float:left;
    display:block;
    margin-right:2.35765%;
    width:82.94039%;
    margin-left:8.5298%
}
.full-right-container .middle-align-wrap .middle-align:last-child{
    margin-right:0
}
.full-right-container .middle-align-wrap .middle-align .middle-align-list{
    float:left;
    display:block;
    margin-right:2.84259%;
    width:38.29445%;
    margin-left:10.28426%
}
.full-right-container .middle-align-wrap .middle-align .middle-align-list:last-child{
    margin-right:0
}
.full-right-container .middle-align-wrap .middle-align-narrow{
    float:left;
    display:block;
    margin-right:2.84259%;
    width:58.86297%;
    margin-left:20.56852%
}
.full-right-container .middle-align-wrap .middle-align-narrow:last-child{
    margin-right:0
}
.l-middle-outer{
    max-width:68em;
    margin-left:auto;
    margin-right:auto;
    padding-top:3.125em
}
.l-middle-outer:after{
    content:"";
    display:table;
    clear:both
}
.l-middle-outer .l-middle{
    float:left;
    display:block;
    margin-right:2.35765%;
    width:65.88078%;
    margin-left:17.05961%
}
.l-middle-outer .l-middle:last-child{
    margin-right:0
}
.full-width{
    max-width:100%;
    margin-left:auto;
    margin-right:auto
}
.full-width:after{
    content:"";
    display:table;
    clear:both
}
.l-half>*{
    display:inline-block;
    width:100%
}
@media (min-width: 960px){
    .l-half>*{
        width:47%
    }
}
.l-half>:last-child{
    float:right
}
@media (max-width: 960px){
    .l-half>:last-child{
        float:none
    }
}
.l-six{
    max-width:68em;
    margin-left:auto;
    margin-right:auto
}
.l-six:after{
    content:"";
    display:table;
    clear:both
}
@media (min-width: 767px){
    .l-six .l-six-inner{
        margin-left:25.58941%;
        float:left;
        display:block;
        margin-right:2.35765%;
        width:48.82117%
    }
    .l-six .l-six-inner:last-child{
        margin-right:0
    }
}
.l-four-eight .l-four{
    float:left;
    display:block;
    margin-right:2.35765%;
    width:31.76157%
}
.l-four-eight .l-four:last-child{
    margin-right:0
}
@media screen and (max-width: 767px){
    .l-four-eight .l-four{
        float:left;
        display:block;
        margin-right:2.35765%;
        width:100%
    }
    .l-four-eight .l-four:last-child{
        margin-right:0
    }
}
.l-four-eight .l-eight{
    float:left;
    display:block;
    margin-right:2.35765%;
    width:65.88078%
}
.l-four-eight .l-eight:last-child{
    margin-right:0
}
@media screen and (max-width: 767px){
    .l-four-eight .l-eight{
        float:left;
        display:block;
        margin-right:2.35765%;
        width:100%
    }
    .l-four-eight .l-eight:last-child{
        margin-right:0
    }
}
.smaller-width{
    max-width:60rem;
    margin-right:auto;
    margin-left:auto
}
.l-four-four-four .l-four{
    float:left;
    display:block;
    margin-right:2.35765%;
    width:31.76157%
}
.l-four-four-four .l-four:last-child{
    margin-right:0
}
@media screen and (max-width: 767px){
    .l-four-four-four .l-four{
        float:left;
        display:block;
        margin-right:2.35765%;
        width:100%
    }
    .l-four-four-four .l-four:last-child{
        margin-right:0
    }
}
.l-three-nine .l-three{
    float:left;
    display:block;
    margin-right:2.35765%;
    width:23.23176%
}
.l-three-nine .l-three:last-child{
    margin-right:0
}
@media screen and (max-width: 767px){
    .l-three-nine .l-three{
        float:left;
        display:block;
        margin-right:2.35765%;
        width:100%
    }
    .l-three-nine .l-three:last-child{
        margin-right:0
    }
}
.l-three-nine .l-nine{
    float:left;
    display:block;
    margin-right:2.35765%;
    width:74.41059%
}
.l-three-nine .l-nine:last-child{
    margin-right:0
}
@media screen and (max-width: 767px){
    .l-three-nine .l-nine{
        float:left;
        display:block;
        margin-right:2.35765%;
        width:100%
    }
    .l-three-nine .l-nine:last-child{
        margin-right:0
    }
}
.st-ui-injected-on-page-container{
    font-family:inherit !important
}
.search-page-input,.search-page-input *,.search-page-input *:before,.search-page-input *:after{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    line-height:normal
}
.search-page-input .gsc-search-button input{
    margin:0px
}
.search-page-input .gsc-input-box{
    height:35px
}
.search-page-input input.gsc-input{
    font-weight:normal
}
form input.st-default-search-input{
    width:-webkit-fill-available;
    padding-left:2em;
    font-weight:normal;
    outline:0;
    border-color:#DADCE0 !important;
    font-size:1em
}
form input.st-default-search-input.search-page{
    margin:0 0 5px;
    height:25px;
    background-position-y:15px
}
.st-search-container{
    font-weight:#6b6b6b
}
.st-query-present .st-ui-result{
    padding:20px 18px 20px 0
}
.st-query-present .st-ui-result .st-ui-type-detail{
    max-height:60px;
    font-size:14px;
    color:#5F6368
}
.st-query-present .st-ui-result:hover{
    background-color:#f6fcfe
}
.st-ui-type-heading{
    font-size:16px !important;
    color:#673ab7 !important
}
.st-ui-type-heading em{
    font-weight:inherit !important
}
.st-ui-type-detail-bold{
    font-size:15px !important;
    color:#1E8E3E !important;
    font-weight:400 !important;
    display:block;
    margin:-1px 0 3px
}
.st-search-pagination{
    margin:1em 0em 2em 0em;
    font-weight:normal
}
.st-ui-pagination-link{
    padding-right:0.5em
}
.st-ui-pagination-link.active{
    text-decoration:underline;
    color:#3d3f5a
}
.st-query-present{
    color:#3d3f5a;
    margin-bottom:20px
}
.st-ui-footer{
    margin-top:30px
}
.search-page-input{
    margin-bottom:2em
}
.search form{
    padding:0
}
div.st-ui-injected-overlay-container section.st-ui-no-results .st-ui-type-heading,section.st-ui-no-results .st-ui-type-heading{
    position:relative !important;
    margin:30px 0 0 !important
}
p.quote{
    font-size:20px;
    line-height:1.35;
    color:#202124;
    position:relative;
    quotes:"â€œ" "â€" "â€˜" "â€™"
}
p.quote:before{
    content:open-quote;
    position:absolute;
    left:-10px
}
p.quote:after{
    content:close-quote;
    position:absolute
}
@media all and (max-width: 960px){
    p.quote{
        font-size:18px
    }
}
@media all and (max-width: 768px){
    p.quote{
        font-size:16px
    }
}
p.quote.center:before{
    left:initial;
    margin-left:-8px
}
cite.quote{
    margin-top:20px;
    font-size:14px;
    display:block;
    font-style:normal
}
.faq-container{
    cursor:pointer;
    padding:15px 15px 15px 0;
    border-top:1px solid #cccccc;
    border-bottom:1px solid #cccccc;
    margin-bottom:-1px;
    display:flex;
    align-items:center
}
.faq-container .fa{
    font-size:14px;
    color:#673ab7
}
.faq-container h5{
    color:#673ab7
}
.faq-container .faq-left{
    width:calc(100% - 35px)
}
.faq-container .faq-left p{
    font-weight:400;
    line-height:1.35
}
.faq-container .faq-right{
    width:35px;
    text-align:right
}
.faq-faq{
    display:none;
    padding:15px
}
.faq-container2{
    cursor:pointer;
    padding:20px 15px 20px 0;
    border-top:1px solid #cccccc;
    border-bottom:1px solid #cccccc;
    margin-bottom:-1px;
    display:flex;
    align-items:center
}
.faq-container2 .fa{
    font-size:14px;
    color:#673ab7
}
.faq-container2 h4{
    color:#673ab7
}
.faq-container2 .faq-left{
    width:calc(100% - 35px)
}
.faq-container2 .faq-left p{
    font-weight:400;
    line-height:1.35
}
.faq-container2 .faq-right{
    width:35px;
    text-align:right
}
.faq-faq2{
    display:none;
    padding:20px 15px
}
p.quote-box{
    font-size:30px;
    line-height:1.35;
    position:relative;
    width:95%;
    margin:0 auto;
    color:#202124;
    quotes:"â€œ" "â€" "â€˜" "â€™";
    font-family:Google Sans
}
@media all and (max-width: 960px){
    p.quote-box{
        font-size:25px
    }
}
@media all and (max-width: 768px){
    p.quote-box{
        width:85%;
        font-size:20px
    }
}
p.quote-box:before{
    content:open-quote;
    left:-27px;
    color:#673ab7;
    top:-10px;
    font-size:50px;
    position:absolute
}
@media all and (max-width: 768px){
    p.quote-box:before{
        left:-23px;
        top:-10px
    }
}
p.quote-box:after{
    content:close-quote;
    padding-left:5px;
    color:#673ab7;
    bottom:-22px;
    font-size:50px;
    position:absolute
}
@media all and (max-width: 960px){
    p.quote-box:after{
        bottom:-25px
    }
}
@media all and (max-width: 768px){
    p.quote-box:after{
        bottom:-32px
    }
}
p.quote-box.white-t{
    color:white
}
p.quote-box.white-t:before{
    color:white
}
p.quote-box.white-t:after{
    color:white
}
cite.quoter{
    margin-top:24px;
    display:block;
    font-size:14px;
    width:95%;
    font-style:normal;
    margin:30px auto 0
}
@media all and (max-width: 768px){
    cite.quoter{
        width:85%
    }
}
.single-post h2,.single-post h3,.single-post h4,.single-post h5,.single-post h6{
    text-transform:none
}
.single-post h2:first-child,.single-post h3:first-child,.single-post h4:first-child,.single-post h5:first-child,.single-post h6:first-child{
    padding-top:0
}
.single-post img{
    margin:20px 0;
    width:auto
}
.single-post .post-arrows{
    overflow:hidden
}
.single-post .post-arrows .right{
    float:right
}
.single-post hr{
    margin:30px 0;
    border-width:0;
    border-top:1px solid #fff
}
.single-post .blockquote{
    padding:15px 20px;
    font-style:italic;
    background-color:#7e64e0;
    font-weight:700;
    color:#fff
}
.single-post .blockquote .blockquote-author{
    padding-left:15px
}
.site-header.p60{
    padding:60px 0
}
.no-header-ug{
    margin-top:60px
}
.site-header{
    background-size:cover !important;
    background-position:center !important;
    padding:80px 0;
    height:auto;
    margin-bottom:0
}
@media all and (max-width: 768px){
    .site-header{
        padding:60px 0
    }
}
.split{
    display:flex;
    display:-webkit-flex;
    align-items:center;
    -webkit-align-items:center
}
@media all and (max-width: 1024px){
    .split{
        display:block
    }
}
.split .left,.split .right{
    flex:2;
    -webkit-flex:2;
    max-width:50%
}
@media all and (max-width: 1024px){
    .split .left,.split .right{
        max-width:600px;
        text-align:center
    }
}
@media all and (max-width: 1024px){
    .split .left{
        margin:0 auto
    }
}
.split .right{
    margin:0 0 0 60px;
    text-align:right
}
@media all and (max-width: 1024px){
    .split .right{
        margin:60px auto 0;
        text-align:center
    }
}
.split .right img{
    max-height:450px
}
@media all and (max-width: 1024px){
    .split .right img{
        max-height:100%;
        width:100%
    }
}
.split2{
    display:flex;
    display:-webkit-flex;
    align-items:center;
    -webkit-align-items:center
}
@media all and (max-width: 768px){
    .split2{
        display:block
    }
}
.split2 .left,.split2 .right{
    flex:2;
    -webkit-flex:2;
    max-width:50%
}
@media all and (max-width: 768px){
    .split2 .left,.split2 .right{
        max-width:600px;
        text-align:center
    }
}
@media all and (max-width: 768px){
    .split2 .left{
        margin:0 auto
    }
}
.split2 .right{
    margin:0 0 0 60px;
    text-align:right
}
@media all and (max-width: 768px){
    .split2 .right{
        margin:60px auto 0;
        text-align:center
    }
}
.split2 .right img{
    max-height:450px
}
@media all and (max-width: 768px){
    .split2 .right img{
        max-height:100%;
        width:100%
    }
}
.site-header.user-guide{
    margin-top:60px
}
.site-header.join-alt{
    background:url(/assets/img/images/bg_images/join_new_half.png);
    height:400px
}
.site-header.join-alt .left{
    text-align:right
}
.site-header.join-alt .right{
    text-align:left !important
}
@media all and (max-width: 768px){
    .site-header.join-alt{
        background:none;
        padding:45px 0;
        height:auto
    }
    .site-header.join-alt .left{
        display:none
    }
    .site-header.join-alt .right{
        max-width:100%;
        text-align:center !important;
        margin:0
    }
}
@media all and (max-width: 550px){
    .site-header.join-alt{
        padding:30px 0 45px
    }
}
.site-header.join-alt2{
    background:url(/assets/img/images/bg_images/join_new_full.png);
    height:400px;
    margin-bottom:-40px
}
@media all and (max-width: 768px){
    .site-header.join-alt2{
        background:none;
        height:auto;
        margin-bottom:0;
        padding:30px 0
    }
}
.site-header.join{
    background:url(/assets/img/images/bg_images/join.png);
    height:400px;
    margin-bottom:-40px;
    padding:0
}
@media all and (max-width: 500px){
    .site-header.join{
        height:350px
    }
}
.site-header.join h6{
    font-weight:400;
    line-height:1.5
}
.site-header.beacon{
    background:url(/assets/img/images/bg_images/beacon/main_v0002.jpg)
}
.site-header.page-404-page{
    background:url(/assets/img/images/bg_images/404.png) no-repeat bottom center;
    background-size:auto !important;
    background-position:center bottom !important
}
.site-header.blog-page .post-title,.site-header.press-page .post-title{
    text-align:left
}
.side-by-side{
    display:-webkit-box;
    display:-moz-box;
    display:box;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -moz-box-pack:justify;
    box-pack:justify;
    -webkit-justify-content:space-between;
    -moz-justify-content:space-between;
    -ms-justify-content:space-between;
    -o-justify-content:space-between;
    justify-content:space-between;
    -ms-flex-pack:justify;
    -webkit-box-orient:vertical;
    -moz-box-orient:vertical;
    box-orient:vertical;
    -webkit-flex-direction:column;
    -moz-flex-direction:column;
    flex-direction:column;
    -ms-flex-direction:column;
    padding:0
}
@media screen and (min-width: 960px){
    .side-by-side{
        -webkit-box-lines:single;
        -moz-box-lines:single;
        box-lines:single;
        -webkit-flex-wrap:nowrap;
        -moz-flex-wrap:nowrap;
        -ms-flex-wrap:nowrap;
        flex-wrap:nowrap;
        -webkit-box-orient:horizontal;
        -moz-box-orient:horizontal;
        box-orient:horizontal;
        -webkit-flex-direction:row;
        -moz-flex-direction:row;
        flex-direction:row;
        -ms-flex-direction:row
    }
}
.side-by-side.outer-align>:first-child{
    text-align:left
}
.side-by-side.outer-align>:last-child{
    justify-content:flex-end;
    text-align:right
}
.side-by-side.bottom-align{
    -webkit-box-align:center;
    -moz-box-align:center;
    box-align:center;
    -webkit-align-items:center;
    -moz-align-items:center;
    -ms-align-items:center;
    -o-align-items:center;
    align-items:center;
    -ms-flex-align:center
}
@media screen and (min-width: 960px){
    .side-by-side.bottom-align{
        -webkit-box-align:end;
        -moz-box-align:end;
        box-align:end;
        -webkit-align-items:flex-end;
        -moz-align-items:flex-end;
        -ms-align-items:flex-end;
        -o-align-items:flex-end;
        align-items:flex-end;
        -ms-flex-align:end
    }
}
.side-by-side>*{
    width:50%
}
@media screen and (max-width: 960px){
    .side-by-side>*{
        width:auto
    }
}
@media screen and (min-width: 960px){
    .side-by-side>:first-child{
        margin-right:50px
    }
}
@media screen and (min-width: 960px){
    .side-by-side>:nth-child(3){
        margin-left:50px
    }
}
.side-by-side.vertical-align-center{
    align-items:center;
    padding-left:0;
    padding-right:0
}
.table-container{
    overflow-x:auto
}
table{
    width:99.9%;
    background-color:#fff;
    border:1px solid transparent;
    font-weight:300;
    color:#5F6368
}
table caption{
    font-weight:bold
}
table thead,table thead tr td{
    text-align:left;
    background:#DADCE0;
    font-weight:500;
    color:#3C4043
}
table thead th,table thead tr td th{
    border-color:transparent;
    font-weight:500;
    color:#3C4043
}
table thead.two{
    text-align:center;
    background-color:#DADCE0
}
table thead.two th{
    border-color:#d9d9d9
}
table thead.two.no-border td{
    border:none
}
table th,table td{
    padding:15px 30px;
    border:0.1em solid #d9d9d9
}
@media all and (max-width: 960){
    table th,table td{
        padding:15px
    }
}
table th[scope="row"]{
    font-weight:normal
}
table th[scope="rowgroup"]{
    vertical-align:middle
}
table th[scope="row"],table th[scope="rowgroup"]{
    text-align:left
}
table tfoot{
    font-size:75%;
    color:#6b6b6b;
    background-color:#d9d9d9
}
table tfoot td{
    text-align:center
}
table.padding-15 th,table.padding-15 td{
    padding:15px 30px
}
@media all and (max-width: 960){
    table.padding-15 th,table.padding-15 td{
        padding:15px
    }
}
@media all and (max-width: 600px){
    table.padding-15 th,table.padding-15 td{
        padding:10px
    }
}
table p.check{
    font-size:22px;
    color:#34A853
}
table.agenda{
    border:none;
    background-color:transparent
}
table.agenda td:nth-of-type(1){
    padding:30px 0;
    border:15px solid white;
    border-left:0;
    width:10%;
    font-weight:bold;
    white-space:nowrap;
    vertical-align:initial
}
@media all and (max-width: 960px){
    table.agenda td:nth-of-type(1){
        padding:15px 0
    }
}
@media all and (max-width: 600px){
    table.agenda td:nth-of-type(1){
        white-space:normal
    }
}
table.agenda td:nth-of-type(2){
    width:90%;
    background-color:#eae9eb;
    border:15px solid white;
    border-right:0;
    padding:30px
}
@media all and (max-width: 960px){
    table.agenda td:nth-of-type(2){
        padding:15px
    }
}
table.agenda2{
    border:none;
    background-color:transparent
}
table.agenda2 td:nth-of-type(1){
    padding:30px 0;
    border:15px solid #eae9eb;
    border-left:0;
    width:10%;
    font-weight:bold;
    white-space:nowrap;
    vertical-align:initial
}
@media all and (max-width: 960px){
    table.agenda2 td:nth-of-type(1){
        padding:15px 0
    }
}
@media all and (max-width: 600px){
    table.agenda2 td:nth-of-type(1){
        white-space:normal
    }
}
table.agenda2 td:nth-of-type(2){
    width:90%;
    background-color:white;
    border:15px solid #eae9eb;
    border-right:0;
    padding:30px
}
@media all and (max-width: 960px){
    table.agenda2 td:nth-of-type(2){
        padding:15px
    }
}
table.agenda2.grey-50-bg td{
    border:15px solid #f6f6f6
}
table.agenda2-5{
    border:none;
    background-color:transparent
}
table.agenda2-5 td{
    border:0;
    vertical-align:initial
}
table.agenda2-5 td p{
    font-size:16px;
    color:#505158;
    line-height:1.5;
    margin-top:10px
}
table.agenda2-5 td p.abstract{
    font-size:15px;
    line-height:1.35
}
table.agenda2-5 td:nth-of-type(1){
    padding:30px 0;
    border-right:15px solid #eae9eb;
    border-left:0;
    width:10%;
    font-weight:bold;
    white-space:nowrap;
    vertical-align:initial
}
@media all and (max-width: 960px){
    table.agenda2-5 td:nth-of-type(1){
        padding:15px 0
    }
}
@media all and (max-width: 600px){
    table.agenda2-5 td:nth-of-type(1){
        white-space:normal
    }
}
table.agenda2-5 td:nth-of-type(2){
    width:90%;
    background-color:white;
    border-left:15px solid #eae9eb;
    border-right:0;
    padding:30px
}
@media all and (max-width: 960px){
    table.agenda2-5 td:nth-of-type(2){
        padding:15px
    }
}
table.agenda2-5 td:nth-of-type(2).pp{
    border-top:5px solid #5a2fc2
}
table.agenda2-5.grey-50-bg td{
    border:15px solid #f6f6f6
}
table.agenda2-5 tr.space{
    height:15px
}
table.agenda2-5 tr.space2{
    height:30px
}
table.agenda2-5 .fa.pp{
    color:#5a2fc2
}
table.agenda3{
    border:none;
    width:99%;
    background-color:transparent
}
table.agenda3 td{
    border:0;
    vertical-align:initial
}
table.agenda3 td p{
    font-size:15px;
    color:white;
    line-height:1.5;
    margin-top:10px;
    color:#efefef
}
table.agenda3 td ul,table.agenda3 td ol{
    margin-top:10px;
    margin-bottom:10px
}
table.agenda3 td ul li,table.agenda3 td ol li{
    font-size:15px;
    padding:0;
    color:white;
    line-height:1.5;
    color:#efefef
}
table.agenda3 td p,table.agenda3 td h7{
    line-height:1.25
}
table.agenda3 td h7{
    color:white
}
table.agenda3 td:nth-of-type(1){
    padding:30px 15px 30px 0;
    color:white;
    font-size:20px;
    border-left:0;
    width:10%;
    font-weight:bold;
    white-space:nowrap;
    vertical-align:initial
}
@media all and (max-width: 960px){
    table.agenda3 td:nth-of-type(1){
        padding:15px 10px 15px 0
    }
}
@media all and (max-width: 600px){
    table.agenda3 td:nth-of-type(1){
        white-space:normal
    }
}
table.agenda3 td:nth-of-type(2){
    width:90%;
    border:1px solid #6f6f6f;
    padding:30px
}
@media all and (max-width: 960px){
    table.agenda3 td:nth-of-type(2){
        padding:15px
    }
}
table.agenda3 td.space3{
    padding:0;
    display:block
}
@media all and (max-width: 960px){
    table.agenda3 td.space3{
        display:none
    }
}
table.agenda3 td.three{
    width:28%;
    border:1px solid #6f6f6f;
    color:white;
    padding:30px
}
@media all and (max-width: 960px){
    table.agenda3 td.three{
        padding:15px;
        margin-bottom:-1px;
        width:100%;
        display:block
    }
}
table.agenda3 td.three.middle{
    margin:0 30px
}
@media all and (max-width: 960px){
    table.agenda3 td.three.middle{
        margin:0 0 -1px 0
    }
}
table.agenda3 td.three.b-green{
    border-top:5px solid #6BFFB0
}
table.agenda3 td.three.b-purple{
    border-top:5px solid #5a2fc2
}
table.agenda3 td.three.b-grey{
    border-top:5px solid #cccccc
}
table.agenda3 tr.space{
    height:30px
}
table.agenda3 .fa{
    float:left;
    margin-top:4px;
    font-size:20px
}
table.agenda3 .fa.b-green{
    color:#6BFFB0
}
table.agenda3 .fa.b-purple{
    color:#5a2fc2
}
table.agenda3 .fa.b-grey{
    color:#cccccc
}
table.agenda4{
    border:none;
    background-color:transparent
}
table.agenda4 td:nth-of-type(1){
    color:white;
    padding:30px 0;
    border:15px solid transparent;
    border-left:0;
    width:10%;
    font-size:20px;
    font-weight:bold;
    white-space:nowrap;
    vertical-align:initial
}
@media all and (max-width: 960px){
    table.agenda4 td:nth-of-type(1){
        font-size:18px;
        padding:15px 0
    }
}
@media all and (max-width: 600px){
    table.agenda4 td:nth-of-type(1){
        white-space:normal
    }
}
table.agenda4 td:nth-of-type(2),table.agenda4 td:nth-of-type(3){
    color:#6BFFB0;
    line-height:1.35;
    font-weight:500;
    font-size:20px;
    border:15px solid transparent;
    border-right:0;
    padding:30px
}
@media all and (max-width: 960px){
    table.agenda4 td:nth-of-type(2),table.agenda4 td:nth-of-type(3){
        padding:15px;
        font-size:18px
    }
}
table.agenda4 td:nth-of-type(2) span,table.agenda4 td:nth-of-type(3) span{
    color:#f6f6f6;
    display:block;
    font-weight:300;
    font-size:15px;
    margin-top:5px
}
@media all and (max-width: 960px){
    table.agenda4 td:nth-of-type(2) span,table.agenda4 td:nth-of-type(3) span{
        font-size:14px
    }
}
table.agenda4 td:nth-of-type(2) span ul,table.agenda4 td:nth-of-type(3) span ul{
    margin:5px 0 7px
}
table.agenda4 td:nth-of-type(2) span li,table.agenda4 td:nth-of-type(3) span li{
    font-size:15px;
    padding:2px 0;
    color:#f6f6f6
}
table.agenda4 td:nth-of-type(2) p,table.agenda4 td:nth-of-type(3) p{
    font-size:14px;
    line-height:1.45;
    color:white;
    font-style:italic;
    margin-top:20px
}
table.agenda4 td:nth-of-type(2) p:nth-of-type(2),table.agenda4 td:nth-of-type(2) p:nth-of-type(3),table.agenda4 td:nth-of-type(3) p:nth-of-type(2),table.agenda4 td:nth-of-type(3) p:nth-of-type(3){
    margin-top:5px
}
table thead tr td{
    padding:15px 30px;
    border:0
}
table tr td{
    padding:20px 30px
}
@media all and (max-width: 960px){
    table thead th,table tr td{
        padding:15px
    }
}
.blog table thead th{
    padding:15px
}
.blog table tr td{
    padding:15px
}
.mobile-960{
    display:none
}
@media all and (max-width: 960px){
    .mobile-960{
        display:block;
        max-width:500px;
        margin:30px auto 0
    }
}
.hide-500{
    display:none
}
@media all and (max-width: 500px){
    .hide-500{
        display:block
    }
}
.show-500{
    display:none
}
@media all and (min-width: 500px){
    .show-500{
        display:block
    }
}
.show-500-inline{
    display:none
}
@media all and (min-width: 500px){
    .show-500-inline{
        display:inline-block
    }
}
.block-500{
    display:block
}
@media all and (min-width: 500px){
    .block-500{
        display:inline-block
    }
}
.hide-600{
    display:none
}
@media all and (max-width: 600px){
    .hide-600{
        display:block
    }
}
.show-600{
    display:none
}
@media all and (min-width: 600px){
    .show-600{
        display:block
    }
}
.hide-768{
    display:none
}
@media all and (max-width: 768px){
    .hide-768{
        display:block
    }
}
.show-768{
    display:none
}
@media all and (min-width: 768px){
    .show-768{
        display:block
    }
}
.hide-960{
    display:none
}
@media all and (max-width: 960px){
    .hide-960{
        display:block
    }
}
.show-960{
    display:none
}
@media all and (min-width: 960px){
    .show-960{
        display:block
    }
}
.hide-1200{
    display:none
}
@media all and (max-width: 1200px){
    .hide-1200{
        display:block
    }
}
.show-1200{
    display:none
}
@media all and (min-width: 1200px){
    .show-1200{
        display:block
    }
}
.show-1200-inline{
    display:none
}
@media all and (min-width: 1200px){
    .show-1200-inline{
        display:inline-block
    }
}
.pagination{
    padding-top:1em;
    text-align:center;
    padding-bottom:2em
}
.blocks-image img{
    max-width:135px
}
.tabs{
    padding:2.5em 0
}
.tabs li{
    display:inline-block;
    text-align:center;
    border:1.5px solid #7F7977;
    text-transform:uppercase;
    margin:.25em
}
.tabs li a{
    color:#7F7977;
    padding:.75em 2em;
    display:block
}
.tabs li:hover{
    cursor:pointer;
    -webkit-transition:0.3s;
    -moz-transition:0.3s;
    transition:0.3s;
    border:1.5px solid #523bab;
    background-color:#523bab
}
.tabs li:hover a{
    color:#fff;
    text-decoration:none
}
.tabs li:active{
    border:1.5px solid #523bab;
    color:#fff;
    background-color:#523bab
}
.uppercase{
    text-transform:uppercase
}
.no-case{
    text-transform:none
}
.number-block{
    display:-webkit-box;
    display:-moz-box;
    display:box;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-pack:center;
    -moz-box-pack:center;
    box-pack:center;
    -webkit-justify-content:space-around;
    -moz-justify-content:space-around;
    -ms-justify-content:space-around;
    -o-justify-content:space-around;
    justify-content:space-around;
    -ms-flex-pack:center
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px){
    .number-block{
        -webkit-box-orient:vertical;
        -moz-box-orient:vertical;
        box-orient:vertical;
        -webkit-flex-direction:column;
        -moz-flex-direction:column;
        flex-direction:column;
        -ms-flex-direction:column
    }
}
.number-block>*{
    text-align:center;
    -webkit-box-flex:1;
    -moz-box-flex:1;
    box-flex:1;
    -webkit-flex:1 1 auto;
    -moz-flex:1 1 auto;
    -ms-flex:1 1 auto;
    flex:1 1 auto;
    font-weight:400;
    margin:0 1em;
    text-transform:uppercase;
    padding:0 .5em
}
.top--0{
    margin-top:0;
    padding-top:0
}
.bottom--0{
    margin-bottom:0 !important;
    padding-bottom:0 !important
}
.margin--0{
    margin:0
}
.responsive-padding{
    padding:80px 0
}
@media all and (max-width: 960px){
    .responsive-padding{
        padding:60px 0
    }
}
.responsive-margin{
    margin:80px 0
}
@media all and (max-width: 960px){
    .responsive-margin{
        margin:60px 0
    }
}
.padding-top--0{
    padding-top:0
}
.padding-top--5{
    padding-top:5px
}
.padding-top--10{
    padding-top:10px
}
.padding-top--15{
    padding-top:15px
}
.padding-top--20{
    padding-top:20px
}
.padding-top--30{
    padding-top:30px
}
.padding-top--45{
    padding-top:45px
}
.padding-top--60{
    padding-top:60px
}
.padding-top--90{
    padding-top:90px
}
.padding-top--120{
    padding-top:120px
}
.padding-top--150{
    padding-top:150px
}
.padding-top--200{
    padding-top:200px
}
.padding-top--20-0{
    padding-top:20px
}
@media all and (max-width: 960px){
    .padding-top--20-0{
        padding-top:0
    }
}
.padding-top--60-60-45{
    padding-top:60px
}
@media all and (max-width: 768px){
    .padding-top--60-60-45{
        margin-top:45px
    }
}
.padding-bottom--0{
    padding-bottom:0
}
.padding-bottom--5{
    padding-bottom:5px
}
.padding-bottom--10{
    padding-bottom:10px
}
.padding-bottom--15{
    padding-bottom:15px
}
.padding-bottom--20{
    padding-bottom:20px
}
.padding-bottom--30{
    padding-bottom:30px
}
.padding-bottom--45{
    padding-bottom:45px
}
.padding-bottom--60{
    padding-bottom:60px
}
.padding-bottom--90{
    padding-bottom:90px
}
.padding-bottom--120{
    padding-bottom:120px
}
.padding-bottom--150{
    padding-bottom:150px
}
.padding-bottom--200{
    padding-bottom:200px
}
.margin-top--0{
    margin-top:0 !important
}
.margin-top--5{
    margin-top:5px
}
.margin-top--10{
    margin-top:10px
}
.margin-top--15{
    margin-top:15px
}
.margin-top--20{
    margin-top:20px
}
.margin-top--22-5{
    margin-top:22.5px
}
.margin-top--30{
    margin-top:30px
}
.margin-top--35{
    margin-top:35px
}
.margin-top--40{
    margin-top:40px
}
.margin-top--45{
    margin-top:45px
}
.margin-top--50{
    margin-top:50px
}
.margin-top--60{
    margin-top:60px
}
.margin-top--90{
    margin-top:90px
}
.margin-top--120{
    margin-top:120px
}
.margin-top--150{
    margin-top:150px
}
.margin-top--90-45{
    margin-top:90px
}
@media all and (max-width: 960px){
    .margin-top--90-45{
        margin-top:45px
    }
}
.margin-bottom--0{
    margin-bottom:0 !important
}
.margin-bottom--5{
    margin-bottom:5px
}
.margin-bottom--10{
    margin-bottom:10px
}
.margin-bottom--15{
    margin-bottom:15px
}
.margin-bottom--20{
    margin-bottom:20px
}
.margin-bottom--30{
    margin-bottom:30px
}
.margin-bottom--45{
    margin-bottom:45px
}
.margin-bottom--50{
    margin-bottom:50px
}
.margin-bottom--60{
    margin-bottom:60px
}
.margin-bottom--90{
    margin-bottom:90px
}
.margin-bottom--120{
    margin-bottom:120px
}
.margin--7-5{
    margin:15px 15px 0 0
}
.margin--15{
    margin:15px
}
.margin-2-buttons{
    margin:30px 15px 0 0
}
.inline-block{
    display:inline-block
}
.center-align{
    text-align:center
}
.left-align{
    text-align:left
}
.right-align{
    text-align:right
}
@media all and (max-width: 960px){
    .mobile-center{
        text-align:center !important
    }
}
@media all and (max-width: 960px){
    .mobile-left{
        text-align:left
    }
}
.padding-right--20{
    padding-right:20px
}
.margin-right--20{
    margin-right:20px
}
.padding--10{
    padding:10px
}
.float-left{
    float:left
}
.float-right{
    float:right
}
.float-none{
    float:none
}
.clear{
    clear:both
}
.inline{
    display:inline-block
}
.pb-button{
    width:100%
}
@media all and (max-width: 960px){
    .pb-button{
        text-align:center
    }
}
.thin-grey-border{
    border:1px solid #efefef
}
img.round{
    border-radius:50%
}
img.w--100{
    width:100px
}
img.w--150{
    width:150px
}
img.w--200{
    width:200px
}
img.w--240{
    width:240px
}
img.w--250{
    width:250px
}
img.w--300{
    width:300px
}
img.w--350{
    width:350px
}
img.w--400{
    width:400px
}
img.w--500{
    width:500px
}
img.w--600{
    width:600px
}
img.w--700{
    width:700px
}
img.w--800{
    width:800px
}
img.w--900{
    width:900px
}
@media all and (max-width: 960px){
    .mobile-600{
        max-width:600px;
        margin:0 auto
    }
}
.youtube-player{
    position:relative;
    padding-bottom:56.23%;
    height:0;
    overflow:hidden;
    max-width:100%;
    border-radius:10px
}
.youtube-player iframe{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:100;
    background:transparent
}
.youtube-player img{
    bottom:0;
    display:block;
    left:0;
    margin:auto;
    max-width:100%;
    width:100%;
    opacity:1;
    position:absolute;
    right:0;
    top:0;
    border:none;
    height:auto;
    cursor:pointer;
    -webkit-filter:brightness(85%);
    -webkit-transition:.4s all;
    -moz-transition:.4s all;
    transition:.4s all
}
.youtube-player img:hover{
    -webkit-filter:brightness(75%)
}
.youtube-player .play{
    height:72px;
    width:72px;
    left:50%;
    top:50%;
    margin-left:-36px;
    margin-top:-36px;
    position:absolute;
    background:url("/assets/img/images/system/vid_button_blue.png") no-repeat;
    background-size:cover;
    cursor:pointer
}
/*! * Fotorama 4.6.4 | http://fotorama.io/license/ */
.fotorama__arr:focus:after,.fotorama__fullscreen-icon:focus:after,.fotorama__html,.fotorama__img,.fotorama__nav__frame:focus .fotorama__dot:after,.fotorama__nav__frame:focus .fotorama__thumb:after,.fotorama__stage__frame,.fotorama__stage__shaft,.fotorama__video iframe{
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    right:0;
    left:0;
    bottom:0
}
.fotorama--fullscreen,.fotorama__img{
    max-width:99999px !important;
    max-height:99999px !important;
    min-width:0 !important;
    min-height:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    padding:0 !important
}
.fotorama__wrap .fotorama__grab{
    cursor:move;
    cursor:-webkit-grab;
    cursor:-o-grab;
    cursor:-ms-grab;
    cursor:grab
}
.fotorama__grabbing *{
    cursor:move;
    cursor:-webkit-grabbing;
    cursor:-o-grabbing;
    cursor:-ms-grabbing;
    cursor:grabbing
}
.fotorama__spinner{
    position:absolute !important;
    top:50% !important;
    left:50% !important
}
.fotorama__wrap--css3 .fotorama__arr,.fotorama__wrap--css3 .fotorama__fullscreen-icon,.fotorama__wrap--css3 .fotorama__nav__shaft,.fotorama__wrap--css3 .fotorama__stage__shaft,.fotorama__wrap--css3 .fotorama__thumb-border,.fotorama__wrap--css3 .fotorama__video-close,.fotorama__wrap--css3 .fotorama__video-play{
    -webkit-transform:translate3d(0, 0, 0);
    transform:translate3d(0, 0, 0)
}
.fotorama__caption,.fotorama__nav:after,.fotorama__nav:before,.fotorama__stage:after,.fotorama__stage:before,.fotorama__wrap--css3 .fotorama__html,.fotorama__wrap--css3 .fotorama__nav,.fotorama__wrap--css3 .fotorama__spinner,.fotorama__wrap--css3 .fotorama__stage,.fotorama__wrap--css3 .fotorama__stage .fotorama__img,.fotorama__wrap--css3 .fotorama__stage__frame{
    -webkit-transform:translateZ(0);
    transform:translateZ(0)
}
.fotorama__arr:focus,.fotorama__fullscreen-icon:focus,.fotorama__nav__frame{
    outline:0
}
.fotorama__arr:focus:after,.fotorama__fullscreen-icon:focus:after,.fotorama__nav__frame:focus .fotorama__dot:after,.fotorama__nav__frame:focus .fotorama__thumb:after{
    content:'';
    border-radius:inherit;
    background-color:rgba(0,175,234,0.5)
}
.fotorama__wrap--video .fotorama__stage,.fotorama__wrap--video .fotorama__stage__frame--video,.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html,.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img,.fotorama__wrap--video .fotorama__stage__shaft{
    -webkit-transform:none !important;
    transform:none !important
}
.fotorama__wrap--css3 .fotorama__nav__shaft,.fotorama__wrap--css3 .fotorama__stage__shaft,.fotorama__wrap--css3 .fotorama__thumb-border{
    transition-property:-webkit-transform, width;
    transition-property:transform, width;
    transition-timing-function:cubic-bezier(0.1, 0, 0.25, 1);
    transition-duration:0ms
}
.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__no-select,.fotorama__video-close,.fotorama__video-play,.fotorama__wrap{
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.fotorama__select{
    -webkit-user-select:text;
    -moz-user-select:text;
    -ms-user-select:text;
    user-select:text
}
.fotorama__nav,.fotorama__nav__frame{
    margin:auto;
    padding:0
}
.fotorama__caption__wrap,.fotorama__nav__frame,.fotorama__nav__shaft{
    -moz-box-orient:vertical;
    display:inline-block;
    vertical-align:middle;
    *display:inline;
    *zoom:1
}
.fotorama__nav__frame,.fotorama__thumb-border{
    box-sizing:content-box
}
.fotorama__caption__wrap{
    box-sizing:border-box
}
.fotorama--hidden,.fotorama__load{
    position:absolute;
    left:-99999px;
    top:-99999px;
    z-index:-1
}
.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__nav,.fotorama__nav__frame,.fotorama__nav__shaft,.fotorama__stage__frame,.fotorama__stage__shaft,.fotorama__video-close,.fotorama__video-play{
    -webkit-tap-highlight-color:transparent
}
.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__video-close,.fotorama__video-play{
    background:url(/assets/img/fotorama/fotorama2.png) no-repeat
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 2dppx){
    .fotorama__arr,.fotorama__fullscreen-icon,.fotorama__video-close,.fotorama__video-play{
        background:url(/assets/img/fotorama/fotorama2.png) 0 0/96px 160px no-repeat
    }
}
.fotorama__thumb{
    background-color:#7f7f7f;
    background-color:rgba(127,127,127,0.2)
}
@media print{
    .fotorama__arr,.fotorama__fullscreen-icon,.fotorama__thumb-border,.fotorama__video-close,.fotorama__video-play{
        background:none !important
    }
}
.fotorama{
    min-width:1px;
    overflow:hidden
}
.fotorama:not(.fotorama--unobtrusive)>*:not(:first-child){
    display:none
}
.fullscreen{
    width:100% !important;
    height:100% !important;
    max-width:100% !important;
    max-height:100% !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
    background:#000
}
.fotorama--fullscreen{
    position:absolute !important;
    top:0 !important;
    left:0 !important;
    right:0 !important;
    bottom:0 !important;
    float:none !important;
    z-index:2147483647 !important;
    background:#000;
    width:100% !important;
    height:100% !important;
    margin:0 !important
}
.fotorama--fullscreen .fotorama__nav,.fotorama--fullscreen .fotorama__stage{
    background:#000
}
.fotorama__wrap{
    -webkit-text-size-adjust:100%;
    position:relative;
    direction:ltr;
    z-index:0
}
.fotorama__wrap--rtl .fotorama__stage__frame{
    direction:rtl
}
.fotorama__nav,.fotorama__stage{
    overflow:hidden;
    position:relative;
    max-width:100%
}
.fotorama__wrap--pan-y{
    -ms-touch-action:pan-y
}
.fotorama__wrap .fotorama__pointer{
    cursor:pointer
}
.fotorama__wrap--slide .fotorama__stage__frame{
    opacity:1 !important
}
.fotorama__stage__frame{
    overflow:hidden
}
.fotorama__stage__frame.fotorama__active{
    z-index:8
}
.fotorama__wrap--fade .fotorama__stage__frame{
    display:none
}
.fotorama__wrap--fade .fotorama__fade-front,.fotorama__wrap--fade .fotorama__fade-rear,.fotorama__wrap--fade .fotorama__stage__frame.fotorama__active{
    display:block;
    left:0;
    top:0
}
.fotorama__wrap--fade .fotorama__fade-front{
    z-index:8
}
.fotorama__wrap--fade .fotorama__fade-rear{
    z-index:7
}
.fotorama__wrap--fade .fotorama__fade-rear.fotorama__active{
    z-index:9
}
.fotorama__wrap--fade .fotorama__stage .fotorama__shadow{
    display:none
}
.fotorama__img{
    -ms-filter:"alpha(Opacity=0)";
    filter:alpha(opacity=0);
    opacity:0;
    border:none !important
}
.fotorama__error .fotorama__img,.fotorama__loaded .fotorama__img{
    -ms-filter:"alpha(Opacity=100)";
    filter:alpha(opacity=100);
    opacity:1
}
.fotorama--fullscreen .fotorama__loaded--full .fotorama__img,.fotorama__img--full{
    display:none
}
.fotorama--fullscreen .fotorama__loaded--full .fotorama__img--full{
    display:block
}
.fotorama__wrap--only-active .fotorama__nav,.fotorama__wrap--only-active .fotorama__stage{
    max-width:99999px !important
}
.fotorama__wrap--only-active .fotorama__stage__frame{
    visibility:hidden
}
.fotorama__wrap--only-active .fotorama__stage__frame.fotorama__active{
    visibility:visible
}
.fotorama__nav{
    font-size:0;
    line-height:0;
    text-align:center;
    display:none;
    white-space:nowrap;
    z-index:5
}
.fotorama__nav__shaft{
    position:relative;
    left:0;
    top:0;
    text-align:left
}
.fotorama__nav__frame{
    position:relative;
    cursor:pointer
}
.fotorama__nav--dots{
    display:block
}
.fotorama__nav--dots .fotorama__nav__frame{
    width:18px;
    height:30px
}
.fotorama__nav--dots .fotorama__nav__frame--thumb,.fotorama__nav--dots .fotorama__thumb-border{
    display:none
}
.fotorama__nav--thumbs{
    display:block
}
.fotorama__nav--thumbs .fotorama__nav__frame{
    padding-left:0 !important
}
.fotorama__nav--thumbs .fotorama__nav__frame:last-child{
    padding-right:0 !important
}
.fotorama__nav--thumbs .fotorama__nav__frame--dot{
    display:none
}
.fotorama__dot{
    display:block;
    width:4px;
    height:4px;
    position:relative;
    top:12px;
    left:6px;
    border-radius:6px;
    border:1px solid #7f7f7f
}
.fotorama__nav__frame:focus .fotorama__dot:after{
    padding:1px;
    top:-1px;
    left:-1px
}
.fotorama__nav__frame.fotorama__active .fotorama__dot{
    width:0;
    height:0;
    border-width:3px
}
.fotorama__nav__frame.fotorama__active .fotorama__dot:after{
    padding:3px;
    top:-3px;
    left:-3px
}
.fotorama__thumb{
    overflow:hidden;
    position:relative;
    width:100%;
    height:100%
}
.fotorama__nav__frame:focus .fotorama__thumb{
    z-index:2
}
.fotorama__thumb-border{
    position:absolute;
    z-index:9;
    top:0;
    left:0;
    border-style:solid;
    border-color:#00afea;
    background-image:linear-gradient(to bottom right, rgba(255,255,255,0.25), rgba(64,64,64,0.1))
}
.fotorama__caption{
    position:absolute;
    z-index:12;
    bottom:0;
    left:0;
    right:0;
    font-family:'Helvetica Neue', Arial, sans-serif;
    font-size:14px;
    line-height:1.5;
    color:#000
}
.fotorama__caption a{
    text-decoration:none;
    color:#000;
    border-bottom:1px solid;
    border-color:rgba(0,0,0,0.5)
}
.fotorama__caption a:hover{
    color:#333;
    border-color:rgba(51,51,51,0.5)
}
.fotorama__wrap--rtl .fotorama__caption{
    left:auto;
    right:0
}
.fotorama__wrap--no-captions .fotorama__caption,.fotorama__wrap--video .fotorama__caption{
    display:none
}
.fotorama__caption__wrap{
    background-color:#fff;
    background-color:rgba(255,255,255,0.9);
    padding:5px 10px
}
@-webkit-keyframes spinner{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
    100%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
@keyframes spinner{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
    100%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
.fotorama__wrap--css3 .fotorama__spinner{
    -webkit-animation:spinner 24s infinite linear;
    animation:spinner 24s infinite linear
}
.fotorama__wrap--css3 .fotorama__html,.fotorama__wrap--css3 .fotorama__stage .fotorama__img{
    transition-property:opacity;
    transition-timing-function:linear;
    transition-duration:0.3s
}
.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html,.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img{
    -ms-filter:"alpha(Opacity=0)";
    filter:alpha(opacity=0);
    opacity:0
}
.fotorama__select{
    cursor:auto
}
.fotorama__video{
    top:32px;
    right:0;
    bottom:0;
    left:0;
    position:absolute;
    z-index:10
}
@-moz-document url-prefix(){
    .fotorama__active{
        box-shadow:0 0 0 transparent
    }
}
.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__video-close,.fotorama__video-play{
    position:absolute;
    z-index:11;
    cursor:pointer
}
.fotorama__arr{
    position:absolute;
    width:32px;
    height:32px;
    top:50%;
    margin-top:-16px
}
.fotorama__arr--prev{
    left:2px;
    background-position:0 0
}
.fotorama__arr--next{
    right:2px;
    background-position:-32px 0
}
.fotorama__arr--disabled{
    pointer-events:none;
    cursor:default;
    *display:none;
    opacity:0.1
}
.fotorama__fullscreen-icon{
    width:32px;
    height:32px;
    top:2px;
    right:2px;
    background-position:0 -32px;
    z-index:20
}
.fotorama__arr:focus,.fotorama__fullscreen-icon:focus{
    border-radius:50%
}
.fotorama--fullscreen .fotorama__fullscreen-icon{
    background-position:-32px -32px
}
.fotorama__video-play{
    width:96px;
    height:96px;
    left:50%;
    top:50%;
    margin-left:-48px;
    margin-top:-48px;
    background-position:0 -64px;
    opacity:0
}
.fotorama__wrap--css2 .fotorama__video-play,.fotorama__wrap--video .fotorama__stage .fotorama__video-play{
    display:none
}
.fotorama__error .fotorama__video-play,.fotorama__loaded .fotorama__video-play,.fotorama__nav__frame .fotorama__video-play{
    opacity:1;
    display:block
}
.fotorama__nav__frame .fotorama__video-play{
    width:32px;
    height:32px;
    margin-left:-16px;
    margin-top:-16px;
    background-position:-64px -32px
}
.fotorama__video-close{
    width:32px;
    height:32px;
    top:0;
    right:0;
    background-position:-64px 0;
    z-index:20;
    opacity:0
}
.fotorama__wrap--css2 .fotorama__video-close{
    display:none
}
.fotorama__wrap--css3 .fotorama__video-close{
    -webkit-transform:translate3d(32px, -32px, 0);
    transform:translate3d(32px, -32px, 0)
}
.fotorama__wrap--video .fotorama__video-close{
    display:block;
    opacity:1
}
.fotorama__wrap--css3.fotorama__wrap--video .fotorama__video-close{
    -webkit-transform:translate3d(0, 0, 0);
    transform:translate3d(0, 0, 0)
}
.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr,.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon{
    opacity:0
}
.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus,.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus{
    opacity:1
}
.fotorama__wrap--video .fotorama__arr,.fotorama__wrap--video .fotorama__fullscreen-icon{
    opacity:0 !important
}
.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr,.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon{
    display:none
}
.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus,.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus{
    display:block
}
.fotorama__wrap--css2.fotorama__wrap--video .fotorama__arr,.fotorama__wrap--css2.fotorama__wrap--video .fotorama__fullscreen-icon{
    display:none !important
}
.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:not(:focus){
    -webkit-transform:translate3d(32px, -32px, 0);
    transform:translate3d(32px, -32px, 0)
}
.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--prev:not(:focus){
    -webkit-transform:translate3d(-48px, 0, 0);
    transform:translate3d(-48px, 0, 0)
}
.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--next:not(:focus){
    -webkit-transform:translate3d(48px, 0, 0);
    transform:translate3d(48px, 0, 0)
}
.fotorama__wrap--css3.fotorama__wrap--video .fotorama__fullscreen-icon{
    -webkit-transform:translate3d(32px, -32px, 0) !important;
    transform:translate3d(32px, -32px, 0) !important
}
.fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--prev{
    -webkit-transform:translate3d(-48px, 0, 0) !important;
    transform:translate3d(-48px, 0, 0) !important
}
.fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--next{
    -webkit-transform:translate3d(48px, 0, 0) !important;
    transform:translate3d(48px, 0, 0) !important
}
.fotorama__wrap--css3 .fotorama__arr:not(:focus),.fotorama__wrap--css3 .fotorama__fullscreen-icon:not(:focus),.fotorama__wrap--css3 .fotorama__video-close:not(:focus),.fotorama__wrap--css3 .fotorama__video-play:not(:focus){
    transition-property:-webkit-transform, opacity;
    transition-property:transform, opacity;
    transition-duration:0.3s
}
.fotorama__nav:after,.fotorama__nav:before,.fotorama__stage:after,.fotorama__stage:before{
    content:"";
    display:block;
    position:absolute;
    text-decoration:none;
    top:0;
    bottom:0;
    width:10px;
    height:auto;
    z-index:10;
    pointer-events:none;
    background-repeat:no-repeat;
    background-size:1px 100%,5px 100%
}
.fotorama__nav:before,.fotorama__stage:before{
    background-image:linear-gradient(transparent, rgba(0,0,0,0.2) 25%, rgba(0,0,0,0.3) 75%, transparent),radial-gradient(farthest-side at 0 50%, rgba(0,0,0,0.4), transparent);
    background-position:0 0, 0 0;
    left:-10px
}
.fotorama__nav.fotorama__shadows--left:before,.fotorama__stage.fotorama__shadows--left:before{
    left:0
}
.fotorama__nav:after,.fotorama__stage:after{
    background-image:linear-gradient(transparent, rgba(0,0,0,0.2) 25%, rgba(0,0,0,0.3) 75%, transparent),radial-gradient(farthest-side at 100% 50%, rgba(0,0,0,0.4), transparent);
    background-position:100% 0, 100% 0;
    right:-10px
}
.fotorama__nav.fotorama__shadows--right:after,.fotorama__stage.fotorama__shadows--right:after{
    right:0
}
.fotorama--fullscreen .fotorama__nav:after,.fotorama--fullscreen .fotorama__nav:before,.fotorama--fullscreen .fotorama__stage:after,.fotorama--fullscreen .fotorama__stage:before,.fotorama__wrap--fade .fotorama__stage:after,.fotorama__wrap--fade .fotorama__stage:before,.fotorama__wrap--no-shadows .fotorama__nav:after,.fotorama__wrap--no-shadows .fotorama__nav:before,.fotorama__wrap--no-shadows .fotorama__stage:after,.fotorama__wrap--no-shadows .fotorama__stage:before{
    display:none
}
.fotorama__thumb{
    background-color:transparent
}
.fotorama__thumb-border{
    border-color:#673ab7
}
.fotorama__wrap{
    margin:0 auto
}
.fotorama__dot{
    width:10px !important;
    height:10px !important
}
.fotorama__nav__frame.fotorama__active .fotorama__dot{
    width:10px !important;
    height:10px !important;
    border-width:5px !important
}
.fotorama_glimpse .fotorama__wrap--slide .fotorama__stage__frame{
    opacity:.1 !important;
    height:75%;
    margin:5% 0
}
.opacity-0 .fotorama__wrap--slide .fotorama__stage__frame{
    opacity:0 !important;
    height:75%;
    margin:5% 0
}
@media all and (max-width: 768px){
    .fotorama_glimpse .fotorama__wrap--slide .fotorama__stage__frame{
        opacity:1 !important;
        height:100%;
        margin:0
    }
}
.fotorama_glimpse .fotorama__stage__frame.fotorama__active{
    z-index:8;
    opacity:1 !important;
    height:100%;
    margin:0
}
.fotorama_glimpse .fotorama__arr--prev{
    border-radius:50%;
    border:1px solid transparent;
    background:url(/assets/img/images/system/keyboard_arrow_left_grey.svg) no-repeat;
    background-size:80%;
    background-position:center;
    width:50px;
    height:50px
}
.fotorama_glimpse .fotorama__arr--prev:hover{
    background:#fff url(/assets/img/images/system/keyboard_arrow_left_grey.svg) no-repeat;
    box-shadow:0 1px 2px 0 rgba(60,64,67,0.05),0 1px 3px 1px rgba(60,64,67,0.15);
    border:1px solid #dadce0;
    background-size:80%;
    background-position:center
}
.fotorama_glimpse .fotorama__arr--next{
    border-radius:50%;
    border:1px solid transparent;
    background:url(/assets/img/images/system/keyboard_arrow_right_grey.svg) no-repeat;
    background-size:80%;
    background-position:center;
    width:50px;
    height:50px
}
.fotorama_glimpse .fotorama__arr--next:hover{
    background:#fff url(/assets/img/images/system/keyboard_arrow_right_grey.svg) no-repeat;
    box-shadow:0 1px 2px 0 rgba(60,64,67,0.05),0 1px 3px 1px rgba(60,64,67,0.15);
    border:1px solid #dadce0;
    background-size:80%;
    background-position:center
}
code[class*="language-"],pre[class*="language-"]{
    color:black;
    background:none;
    text-shadow:0 1px white;
    font-family:Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
    text-align:left;
    white-space:pre;
    word-spacing:normal;
    word-break:normal;
    word-wrap:normal;
    line-height:1.5;
    -moz-tab-size:4;
    -o-tab-size:4;
    tab-size:4;
    -webkit-hyphens:none;
    -moz-hyphens:none;
    -ms-hyphens:none;
    hyphens:none
}
pre[class*="language-"]::-moz-selection,pre[class*="language-"] ::-moz-selection,code[class*="language-"]::-moz-selection,code[class*="language-"] ::-moz-selection{
    text-shadow:none;
    background:#b3d4fc
}
pre[class*="language-"]::selection,pre[class*="language-"] ::selection,code[class*="language-"]::selection,code[class*="language-"] ::selection{
    text-shadow:none;
    background:#b3d4fc
}
@media print{
    code[class*="language-"],pre[class*="language-"]{
        text-shadow:none
    }
}
pre[class*="language-"]{
    padding:1em;
    margin:30px 0;
    overflow:auto
}
:not(pre)>code[class*="language-"],pre[class*="language-"]{
    background:#F8F9FA
}
:not(pre)>code[class*="language-"]{
    padding:.1em;
    border-radius:.3em;
    white-space:normal
}
.token.comment,.token.prolog,.token.doctype,.token.cdata{
    color:slategray
}
.token.punctuation{
    color:#999
}
.namespace{
    opacity:.7
}
.token.property,.token.tag,.token.boolean,.token.number,.token.constant,.token.symbol,.token.deleted{
    color:#905
}
.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{
    color:#690
}
.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string{
    color:#a67f59;
    background:rgba(255,255,255,0.5)
}
.token.atrule,.token.attr-value,.token.keyword{
    color:#07a
}
.token.function{
    color:#DD4A68
}
.token.regex,.token.important,.token.variable{
    color:#e90
}
.token.important,.token.bold{
    font-weight:bold
}
.token.italic{
    font-style:italic
}
.token.entity{
    cursor:help
}
.button,.btn{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    border:0;
    border-radius:4px;
    -webkit-box-shadow:none;
    box-shadow:none;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    cursor:pointer;
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    font:500 14px Google Sans,sans-serif;
    height:44px;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    letter-spacing:.25px;
    min-width:auto;
    outline:none;
    padding:0 24px;
    position:relative;
    text-decoration:none;
    text-transform:none;
    -webkit-transition:none;
    transition:none;
    vertical-align:inherit
}
.button.wide,.btn.wide{
    min-width:200px
}
.primary{
    background-color:#673ab7;
    color:#fff
}
.primary:active,.primary:focus{
    background-color:#775ba7;
    border:0
}
.primary:hover{
    background-color:#775ba7;
    color:white;
    border:0
}
.secondary{
    background-color:#fff;
    border:1px solid #dadce0;
    color:#673ab7;
    padding:0 23px
}
.secondary:active,.secondary:focus{
    background-color:#d8e7fb;
    border:1px solid #dadce0;
    color:#673ab7;
    padding:0 23px
}
.secondary:hover{
    background-color:#eff5fd;
    border:1px solid #dadce0;
    color:#673ab7;
    padding:0 23px
}
.reversed{
    border-color:#fff;
    color:#fff;
    background-clip:padding-box;
    background-color:transparent;
    padding-left:22px;
    padding-right:22px;
    border:2px solid #dadce0
}
.reversed:hover{
    background-color:rgba(255,255,255,0.7);
    border-color:rgba(255,255,255,0.7);
    color:#000
}
span.reversed:hover{
    background-color:rgba(255,255,255,0.7);
    border-color:rgba(255,255,255,0.7);
    color:#fff !important
}
.flat{
    border-radius:0;
    color:#673ab7;
    height:auto;
    padding:0
}
.flat.reversed{
    color:#fff;
    border:0
}
.flat.reversed:hover{
    color:rgba(255,255,255,0.7);
    background-color:transparent
}
.flat.reversed:focus{
    color:rgba(255,255,255,0.7);
    background-color:transparent
}
.flat .material-icons{
    font-size:16px;
    padding:1px 0 0 5px;
    fill:currentColor
}
.flat.beacon-green-t{
    color:#6BFFB0
}
.flat.beacon-green-t:hover{
    color:#6BFFB0
}
.flat.new-light-grey-t{
    color:#f6f6f6
}
.flat.new-light-grey-t:hover{
    color:#f6f6f6
}
.flat:focus,.flat:hover{
    color:#775ba7
}
.trust-center .card-container{
    display:flex;
    display:-webkit-flex;
    justify-content:center;
    -webkit-justify-content:center;
    flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
    width:93%;
    margin:0 auto;
    max-width:calc(1200px + 2.25%)
}
@media all and (max-width: 500px){
    .trust-center .card-container{
        flex-direction:column;
        -webkit-flex-direction:column;
        width:90%;
        margin:0 auto;
        max-width:1200px
    }
}
.trust-center .card{
    display:flex;
    display:-webkit-flex;
    flex-direction:column;
    -webkit-flex-direction:column;
    align-items:center;
    -webkit-align-items:center;
    width:22%;
    margin:1.5%;
    padding:30px;
    cursor:pointer
}
@media all and (max-width: 1200px){
    .trust-center .card{
        width:46%;
        margin:2%
    }
}
@media all and (max-width: 650px){
    .trust-center .card{
        margin:0 auto 7%;
        width:100%;
        max-width:400px
    }
}
.trust-center .card p{
    flex:1;
    -webkit-flex:1
}
.trust-center .card2{
    display:flex;
    display:-webkit-flex;
    flex-direction:column;
    -webkit-flex-direction:column;
    align-items:center;
    -webkit-align-items:center;
    text-align:center;
    width:22%;
    margin:1.5%;
    padding:20px;
    cursor:pointer
}
@media all and (max-width: 960px){
    .trust-center .card2{
        width:30%;
        margin:1.5%
    }
}
@media all and (max-width: 768px){
    .trust-center .card2{
        width:46%;
        margin:2%
    }
}
@media all and (max-width: 500px){
    .trust-center .card2{
        margin:0 auto 7%;
        width:100%
    }
}
.trust-center .card2 p{
    flex:1;
    -webkit-flex:1;
    line-height:1.15;
    font-size:13px
}
.certification .card-container{
    display:flex;
    display:-webkit-flex;
    justify-content:center;
    -webkit-justify-content:center;
    width:93%;
    margin:0 auto;
    max-width:calc(1200px + 3.75%)
}
@media all and (max-width: 768px){
    .certification .card-container{
        flex-direction:column;
        -webkit-flex-direction:column;
        width:90%
    }
}
.certification .card{
    display:flex;
    display:-webkit-flex;
    flex-direction:column;
    -webkit-flex-direction:column;
    align-items:center;
    -webkit-align-items:center;
    width:100%;
    margin:0 2.5%;
    padding:20px 30px;
    cursor:pointer
}
.certification .card .bottom{
    margin-top:auto
}
@media all and (max-width: 768px){
    .certification .card{
        width:100%;
        max-width:500px;
        margin:0 auto 45px;
        padding:20px 15px 15px
    }
}
@media all and (max-width: 768px){
    .certification .card:last-of-type{
        margin:0 auto
    }
}
.certification .featured-label .fa{
    font-size:16px;
    margin:0 5px 1px;
    color:#282828
}
.beacon h2,.beacon .h2,.beacon headline2,.beacon headline3{
    font-weight:600 !important
}
@media all and (max-width: 768px){
    .beacon h2,.beacon .h2,.beacon headline2,.beacon headline3{
        font-weight:500 !important
    }
}
.beacon .beacon-logo{
    width:500px;
    max-width:80%;
    display:block
}
.beacon .beacon-sub{
    width:500px;
    max-width:80%;
    margin-top:15px;
    display:block
}
.beacon .beacon-logo2{
    width:75%;
    max-width:200px
}
.beacon .module-speakers img{
    width:250px;
    border-radius:0;
    -webkit-filter:grayscale(100%);
    filter:grayscale(100%)
}
.beacon .module-speakers a{
    display:inline-block;
    border:10px solid #6BFFB0
}
.beacon .module-speakers a:hover{
    border:10px solid #673ab7
}
.beacon .no-hover{
    pointer-events:none;
    border:10px solid #6BFFB0
}
.beacon .no-hover:hover{
    border:10px solid #6BFFB0
}
.beacon .card-container{
    display:flex;
    display:-webkit-flex;
    justify-content:center;
    -webkit-justify-content:center;
    flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
    width:94%;
    margin:0 auto;
    max-width:calc(1200px + 3%)
}
@media all and (max-width: 960px){
    .beacon .card-container{
        flex-wrap:wrap;
        -webkit-flex-wrap:wrap;
        width:93.5%
    }
}
@media all and (max-width: 768px){
    .beacon .card-container{
        flex-direction:column;
        -webkit-flex-direction:column;
        width:90%
    }
}
.beacon .card{
    display:flex;
    display:-webkit-flex;
    flex-direction:column;
    -webkit-flex-direction:column;
    align-items:center;
    -webkit-align-items:center;
    width:30%;
    margin:0 1.5% 3%;
    padding:30px 15px
}
.beacon .card h3,.beacon .card p{
    flex:1
}
@media all and (max-width: 960px){
    .beacon .card{
        width:46%;
        margin:0 auto 30px
    }
}
@media all and (max-width: 768px){
    .beacon .card{
        width:100%;
        max-width:500px;
        margin:0 auto 30px;
        padding:30px 15px
    }
}
@media all and (max-width: 768px){
    .beacon .card:last-of-type{
        margin:0 auto
    }
}
.beacon .places h4{
    font-weight:400 !important;
    margin:25px 0
}
.beacon .places h4 span{
    font-weight:400 !important;
    color:inherit
}
.beacon .places h4 a.non-active{
    pointer-events:none;
    color:#918f95
}
.beacon .places h4 a.active2{
    text-decoration:none;
    font-weight:500
}
.beacon .places h4 a.active2:hover{
    color:#5a2fc2
}
.beacon .places h4 a.active{
    position:relative;
    text-decoration:none
}
.beacon .places h4 a.active:hover{
    color:inherit
}
.beacon .places h4 a.active:before{
    content:"";
    position:absolute;
    width:100%;
    height:3px;
    bottom:-5px;
    left:0;
    background-color:#5a2fc2;
    visibility:hidden;
    -webkit-transform:scaleX(0);
    transform:scaleX(0);
    -webkit-transition:all 0.3s ease-in-out 0s;
    transition:all 0.3s ease-in-out 0s
}
.beacon .places h4 a.active:hover:before{
    visibility:visible;
    -webkit-transform:scaleX(1);
    transform:scaleX(1)
}
.beacon .places h4 a.done{
    color:#505158;
    text-decoration:line-through;
    pointer-events:none
}
.beacon .places h4 a.done span{
    display:none
}
.beacon .cities h4{
    color:#6BFFB0
}
.landing-page .lp-main .left{
    width:55%;
    float:left;
    margin-bottom:30px
}
@media all and (max-width: 960px){
    .landing-page .lp-main .left{
        width:100%;
        float:none
    }
}
.landing-page .lp-main .right{
    width:40%;
    float:right;
    text-align:center;
    background:#f8f9fa;
    padding:30px;
    margin:0 auto 30px
}
@media all and (max-width: 960px){
    .landing-page .lp-main .right{
        width:100%;
        float:none;
        max-width:450px;
        margin:0 auto 30px
    }
}
@media all and (max-width: 400px){
    .landing-page .lp-main .right{
        padding:10px
    }
}
.landing-page .nav-logo img{
    padding:0 0 20px;
    width:125px
}
.landing-page h1{
    margin:0;
    font-size:25px;
    line-height:1.25;
    color:#202124
}
.landing-page .subheader{
    font-size:18px;
    display:block;
    margin-top:5px;
    color:#6a6e73
}
.landing-page .lp-hr-top{
    margin:20px 0 30px
}
.landing-page h2{
    font-size:22px;
    margin:45px auto 5px
}
.landing-page p.small-white{
    font-weight:400;
    color:#fff;
    margin:15px 60px 0;
    line-height:1.5
}
.landing-page p.small-text{
    font-size:15px !important
}
.landing-page ul{
    list-style-image:none;
    padding:5px 0 0 0
}
.landing-page ul li{
    line-height:1.5;
    margin-left:0;
    padding-left:39px;
    padding-bottom:21px;
    list-style-type:none;
    background:url(/assets/img/images/system/green_check.svg) no-repeat left top 3px
}
.landing-page ol{
    padding:5px 0 0 0
}
.landing-page ol li{
    line-height:1.5;
    margin-left:20px;
    padding:10px 0 10px 5px
}
.landing-page .form{
    background:white;
    overflow:auto;
    padding:0 10px
}
@media all and (max-width: 400px){
    .landing-page .form{
        padding:0
    }
}
.landing-page .form div.mktoFormRow input,.landing-page .form .mktoForm select.mktoField{
    border-bottom:1px solid rgba(60,64,67,0.42);
    padding:10px 0 5px !important;
    font-family:'roboto'
}
.landing-page .form .mktoForm select.mktoField{
    background:url(/assets/img/images/system/drop-down-grey.png) center right no-repeat;
    padding:10px 25px 5px 0 !important;
    background-position-x:97%;
    -webkit-appearance:none;
    appearance:none
}
.landing-page .form .mktoForm .mktoFormCol{
    margin-bottom:15px !important
}
.landing-page .mktoForm input.mktoField.mktoInvalid,.landing-page .mktoForm select.mktoField.mktoInvalid,.landing-page .mktoForm textarea.mktoField.mktoInvalid,.landing-page .mktoForm div.mktoLogicalField.mktoInvalid{
    border:0;
    border-bottom:2px solid red !important
}
.landing-page .mktoForm .mktoButtonWrap.mktoRound .mktoButton,.landing-page .mktoForm .mktoButtonWrap.mktoSimple .mktoButton,.landing-page .mktoForm button.mktoButton{
    margin-top:10px !important;
    background-color:#673ab7 !important;
    color:#fff;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    border:0 !important;
    background-image:none;
    border-radius:4px;
    -webkit-box-shadow:none;
    box-shadow:none;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    cursor:pointer;
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    font:500 14px Google Sans,sans-serif;
    height:44px;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    letter-spacing:.25px;
    min-width:auto;
    outline:none;
    padding:0 24px !important;
    position:relative;
    text-decoration:none;
    text-transform:none;
    -webkit-transition:none;
    transition:none;
    vertical-align:inherit;
    font-family:'google sans' !important
}
.landing-page .mktoForm .mktoButtonWrap.mktoRound .mktoButton:hover,.landing-page .mktoForm .mktoButtonWrap.mktoSimple .mktoButton:hover,.landing-page .mktoForm button.mktoButton:hover{
    background-color:#775ba7 !important
}
.landing-page .mktoFormRow{
    width:100% !important;
    display:block !important
}
.landing-page .mktoForm{
    background:none;
    border:none;
    width:100% !important;
    max-width:335px !important;
    margin:0 auto;
    padding-bottom:9px !important;
    padding:26px 24px !important
}
.landing-page ::-webkit-input-placeholder{
    color:#6a6e73
}
.landing-page :-moz-placeholder{
    color:#6a6e73;
    opacity:1
}
.landing-page ::-moz-placeholder{
    color:#6a6e73;
    opacity:1
}
.landing-page :-ms-input-placeholder{
    color:#6a6e73
}
.landing-page .form-disclaimer-text{
    text-align:center;
    margin:15px 24px 30px;
    font-size:13px
}
.landing-page .mktoButtonRow{
    width:100%
}
.landing-page .mktoButtonWrap{
    margin:0 !important;
    text-align:center;
    display:block
}
.landing-page .mktoForm .mktoLabel,.landing-page .mktoForm .mktoOffset,.landing-page .mktoForm .mktoGutter{
    display:none
}
.landing-page .mktoForm input[type=text],.landing-page .mktoForm input[type=url],.landing-page .mktoForm input[type=email],.landing-page .mktoForm input[type=tel],.landing-page .mktoForm input[type=number],.landing-page .mktoForm input[type=date],.landing-page .mktoForm select.mktoField,.landing-page .mktoForm textarea.mktoField{
    background-color:#fff;
    line-height:1.5em;
    outline:0 !important;
    color:#676767;
    border:0px solid #aeb0b6;
    -webkit-border-radius:0px;
    -moz-border-radius:0px;
    border-radius:0px;
    padding:1em 0.5em !important;
    box-shadow:none;
    min-height:3.75em;
    width:100% !important
}
.landing-page .mktoFieldWrap,.landing-page .mktoFieldDescriptor{
    width:100%
}
.landing-page li.no-list{
    margin:7.5px 5px
}
.landing-page .youtube-player{
    margin:30px 0
}
.landing-page .youtube-player img{
    width:103%
}
.landing-page .icon_section{
    width:189px;
    margin:10px;
    display:inline-block;
    vertical-align:top;
    height:270px
}
.landing-page .icon_section img{
    width:50%
}
.landing-page .footer-meta .container{
    max-width:1000px
}
.guide table{
    border:0
}
.guide .tab{
    width:33.33%;
    border:0;
    border-bottom:3px solid transparent;
    padding:15px 30px 10px;
    cursor:pointer;
    line-height:1.25;
    font-size:18px
}
@media all and (max-width: 960px){
    .guide .tab{
        font-size:16px
    }
}
@media all and (max-width: 500px){
    .guide .tab{
        font-size:14px;
        font-weight:600;
        padding:15px 15px 10px
    }
}
.guide .tab:hover{
    color:#4285F4
}
.guide .tab.active{
    border-bottom:3px solid #4285F4;
    pointer-events:none
}
.guide .section{
    display:none
}
.guide .visible{
    display:block
}
.guide .ug-vid{
    border-radius:8px
}
.guide .module-ug-main-page .card-container{
    display:flex;
    display:-webkit-flex;
    justify-content:center;
    -webkit-justify-content:center;
    -webkit-flex-wrap:wrap;
    width:93%;
    margin:0 auto;
    max-width:calc(1200px + 2.25%)
}
@media all and (max-width: 500px){
    .guide .module-ug-main-page .card-container{
        flex-direction:column;
        -webkit-flex-direction:column;
        width:90%;
        margin:0 auto;
        max-width:1200px
    }
}
.guide .module-ug-main-page .card{
    display:flex;
    display:-webkit-flex;
    flex-direction:column;
    -webkit-flex-direction:column;
    align-items:center;
    -webkit-align-items:center;
    background:white;
    width:30.3%;
    margin:1.5%;
    padding:30px;
    cursor:pointer
}
@media all and (max-width: 1200px){
    .guide .module-ug-main-page .card{
        width:46%;
        margin:2%
    }
}
@media all and (max-width: 650px){
    .guide .module-ug-main-page .card{
        margin:0 auto 7%;
        width:100%;
        max-width:400px
    }
}
.guide .module-ug-main-page .card p{
    flex:1;
    -webkit-flex:1;
    line-height:1.35;
    font-size:15px;
    max-width:195px;
    margin:10px auto 0
}
@media screen and (max-width: 960px){
    .guide .module-ug-main-page .card p{
        max-width:100%
    }
}
.guide span.fa-search{
    position:absolute;
    padding:11px 0px 0px 10px
}
.guide .module-videos-section.ug div.wrap{
    clear:both;
    width:100%;
    padding:30px 0 15px;
    overflow:hidden
}
.guide .module-videos-section.ug div.wrap img{
    width:100%
}
@media all and (max-width: 768px){
    .guide .module-videos-section.ug div.wrap{
        max-width:500px;
        margin:0 auto
    }
    .guide .module-videos-section.ug div.wrap img{
        margin-bottom:10px
    }
}
.guide .module-videos-section.ug div.wrap div.left{
    clear:both;
    width:35%;
    margin-right:5%;
    float:left
}
@media all and (max-width: 768px){
    .guide .module-videos-section.ug div.wrap div.left{
        float:none;
        width:100%;
        margin-right:0
    }
}
.guide .module-videos-section.ug div.wrap div.left.first{
    width:47.5%;
    margin-right:5%
}
@media all and (max-width: 768px){
    .guide .module-videos-section.ug div.wrap div.left.first{
        float:none;
        width:100%;
        margin-right:0
    }
}
.guide .module-videos-section.ug div.wrap div.right{
    width:60%;
    float:left
}
@media all and (max-width: 768px){
    .guide .module-videos-section.ug div.wrap div.right{
        float:none;
        width:100%;
        margin-right:0
    }
}
.guide .module-videos-section.ug div.wrap div.right.first{
    width:47.5%;
    margin-right:0
}
.guide .module-videos-section.ug div.wrap div.right.first p:nth-of-type(1){
    font-size:28px;
    line-height:1.35;
    margin:15px 0 0
}
@media all and (max-width: 768px){
    .guide .module-videos-section.ug div.wrap div.right.first p:nth-of-type(1){
        font-size:20px
    }
}
@media all and (max-width: 768px){
    .guide .module-videos-section.ug div.wrap div.right.first{
        float:none;
        width:100%
    }
}
.guide .ug-bottom,.certification .ug-bottom{
    background:#3C4043
}
.guide .guide-footer-links,.certification .guide-footer-links{
    color:#9AA0A6
}
.guide .guide-footer-links:hover,.certification .guide-footer-links:hover{
    color:#ffffff
}
.home .sub-title{
    font-family:"Google Sans", "Open Sans", Arial, Helvetica, sans-serif
}
.new-case-study .breadcrumbs,.customers .breadcrumbs{
    padding:5px 0;
    margin-bottom:0 !important
}
.new-case-study .case-study-section,.customers .case-study-section{
    overflow:hidden
}
.new-case-study .case-study-section .left,.customers .case-study-section .left{
    float:left;
    width:55%;
    margin:0 5% 70px 0
}
.new-case-study .case-study-section .left div.top-left,.customers .case-study-section .left div.top-left{
    text-align:center;
    padding-bottom:30px;
    min-height:375px;
    border-bottom:2px solid #dadce0
}
@media all and (max-width: 960px){
    .new-case-study .case-study-section .left div.top-left,.customers .case-study-section .left div.top-left{
        min-height:0
    }
}
.new-case-study .case-study-section .left div.top-left .top-left-inner,.customers .case-study-section .left div.top-left .top-left-inner{
    padding:0 10px
}
.new-case-study .case-study-section .left div.top-left .top-left-inner img,.customers .case-study-section .left div.top-left .top-left-inner img{
    margin:30px 0 10px;
    width:250px
}
.new-case-study .case-study-section .left div.top-left .top-left-inner p.quote:before,.customers .case-study-section .left div.top-left .top-left-inner p.quote:before{
    left:initial;
    margin-left:-8px
}
@media all and (max-width: 960px){
    .new-case-study .case-study-section .left,.customers .case-study-section .left{
        width:100%;
        float:none
    }
}
.new-case-study .case-study-section .right,.customers .case-study-section .right{
    margin-bottom:-99999px;
    padding-bottom:99999px;
    float:right;
    width:40%;
    background:#F8F9FA
}
.new-case-study .case-study-section .right hr,.customers .case-study-section .right hr{
    border:0;
    height:1px;
    background:#c8c8c8;
    margin:0;
    margin:20px 0 25px
}
.new-case-study .case-study-section .right div.right2,.customers .case-study-section .right div.right2{
    padding:30px 30px 70px
}
.new-case-study .case-study-section .right .video-overlay,.customers .case-study-section .right .video-overlay{
    min-height:375px
}
@media all and (max-width: 960px){
    .new-case-study .case-study-section .right .video-overlay,.customers .case-study-section .right .video-overlay{
        min-height:300px
    }
}
@media all and (max-width: 960px){
    .new-case-study .case-study-section .right,.customers .case-study-section .right{
        width:100%;
        max-width:600px;
        float:none;
        margin:0 auto;
        margin-bottom:0;
        padding-bottom:0
    }
}
.new-case-study .video-overlay,.customers .video-overlay{
    background-size:cover;
    background-position:center center !important;
    padding:5rem 1rem;
    display:flex;
    display:-webkit-flex;
    justify-content:center;
    -webkit-justify-content:center;
    align-items:center;
    -webkit-align-items:center
}
.new-case-study .video-overlay h4,.customers .video-overlay h4{
    font-weight:300;
    text-transform:none;
    color:#fff;
    padding:1rem;
    font-size:2.35rem
}
.new-case-study .right2 ul,.customers .right2 ul{
    padding:0;
    margin:0 0 -10px
}
.new-case-study .right2 ul li,.customers .right2 ul li{
    list-style-type:none;
    margin:20px 0;
    line-height:1.5;
    margin-left:0;
    padding-left:39px;
    list-style-type:none;
    background:url(/assets/img/images/system/green_check.svg) no-repeat left top 3px
}
.new-case-study .cust-box-container,.customers .cust-box-container{
    display:flex;
    display:-webkit-flex;
    justify-content:center;
    -webkit-justify-content:center;
    flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
    width:93%;
    margin:0 auto;
    max-width:calc(1200px + 2%)
}
@media all and (max-width: 700px){
    .new-case-study .cust-box-container,.customers .cust-box-container{
        max-width:400px;
        margin:0 auto;
        width:90%
    }
}
.new-case-study .cust-box-container .cust-box,.customers .cust-box-container .cust-box{
    display:flex;
    display:-webkit-flex;
    flex-direction:column;
    -webkit-flex-direction:column;
    padding:30px 30px 20px;
    background:#ffffff;
    width:31.33%;
    margin:0 1% 2%
}
@media all and (max-width: 960px){
    .new-case-study .cust-box-container .cust-box,.customers .cust-box-container .cust-box{
        width:46%;
        margin:2%
    }
}
@media all and (max-width: 700px){
    .new-case-study .cust-box-container .cust-box,.customers .cust-box-container .cust-box{
        width:100%;
        margin:0 0 30px
    }
}
@media all and (max-width: 500px){
    .new-case-study .cust-box-container .cust-box,.customers .cust-box-container .cust-box{
        padding:15px
    }
}
.new-case-study .cust-box-container .cust-box .cust-box-logo,.customers .cust-box-container .cust-box .cust-box-logo{
    max-height:30px
}
.new-case-study .cust-box-container .cust-box .top,.customers .cust-box-container .cust-box .top{
    max-height:30px;
    max-width:125px
}
.new-case-study .cust-box-container .cust-box .bottom,.customers .cust-box-container .cust-box .bottom{
    margin-top:auto
}
.new-case-study .cust-box-container .cust-box .featured-industry,.customers .cust-box-container .cust-box .featured-industry{
    font-size:11px;
    font-weight:500;
    letter-spacing:1px;
    line-height:1;
    text-transform:uppercase
}
.new-case-study .cust-box-container .filtered-box,.customers .cust-box-container .filtered-box{
    width:23%;
    margin:0 1% 2%
}
@media all and (max-width: 1100px){
    .new-case-study .cust-box-container .filtered-box,.customers .cust-box-container .filtered-box{
        width:31%
    }
}
@media all and (max-width: 960px){
    .new-case-study .cust-box-container .filtered-box,.customers .cust-box-container .filtered-box{
        width:46%;
        margin:2%
    }
}
@media all and (max-width: 700px){
    .new-case-study .cust-box-container .filtered-box,.customers .cust-box-container .filtered-box{
        width:100%;
        margin:0 0 30px
    }
}
@media all and (max-width: 500px){
    .new-case-study .cust-box-container .filtered-box,.customers .cust-box-container .filtered-box{
        padding:15px
    }
}
.block1-1 .directory-logos,.block2 .directory-logos,.block3 .directory-logos{
    width:135px;
    display:block;
    margin:0 auto 20px
}
@media all and (max-width: 600px){
    .block1-1 .directory-logos,.block2 .directory-logos,.block3 .directory-logos{
        width:115px;
        margin:0 auto 15px
    }
}
.block1-1 h5.alt,.block2 h5.alt,.block3 h5.alt{
    font-weight:500;
    font-size:16px;
    text-transform:none;
    line-height:1.25;
    margin-left:-1px
}
.block1-1 p.block-text,.block2 p.block-text,.block3 p.block-text{
    font-weight:300;
    font-size:14px;
    line-height:1.4;
    margin:15px 0 25px
}
.block1-1 p.block-header,.block2 p.block-header,.block3 p.block-header{
    color:#202124;
    font-size:20px;
    line-height:1.1;
    padding:20px 15px;
    display:block;
    clear:both;
    background:white;
    cursor:pointer;
    font-weight:400
}
.block1-1 p.block-header span,.block2 p.block-header span,.block3 p.block-header span{
    font-size:15px;
    margin-top:5px
}
.block1-1 ul.no_bullet,.block2 ul.no_bullet,.block3 ul.no_bullet{
    list-style-type:none;
    padding:0;
    margin:0
}
.block1-1 ul.no_bullet li,.block2 ul.no_bullet li,.block3 ul.no_bullet li{
    list-style-type:none
}
.block1-1 li.big1,.block1-1 li.big2,.block2 li.big1,.block2 li.big2,.block3 li.big1,.block3 li.big2{
    margin:0 0 30px
}
.block1-1 li.big3,.block2 li.big3,.block3 li.big3{
    margin:30px 0 0
}
.block1-1 li.big1,.block1-1 li.big2,.block1-1 li.big3,.block2 li.big1,.block2 li.big2,.block2 li.big3,.block3 li.big1,.block3 li.big2,.block3 li.big3{
    background-size:50px;
    height:auto;
    min-height:50px
}
.block1-1 img.blocks-arrow,.block2 img.blocks-arrow,.block3 img.blocks-arrow{
    width:15px;
    margin:18px 0 0;
    float:right
}
.block1-1 img.blocks-logo,.block2 img.blocks-logo,.block3 img.blocks-logo{
    width:65px;
    margin:0 15px 0 0;
    float:left
}
.block-home-container{
    display:flex;
    display:-webkit-flex;
    justify-content:center;
    -webkit-justify-content:center;
    flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
    width:93.5%;
    margin:0 auto;
    max-width:calc(1200px + 3.25%)
}
.block-home{
    display:flex;
    display:-webkit-flex;
    flex-direction:column;
    -webkit-flex-direction:column;
    padding:20px 20px 25px 20px;
    outline:0;
    width:30%;
    margin:0 1.5% 3%;
    background:white
}
.block-home p{
    line-height:1.35;
    font-weight:400;
    font-size:16px
}
.block-home.large{
    width:100%;
    margin:0 2% 3%
}
.blocks-search .blocks-search-container{
    background:#ffffff;
    max-width:1000px;
    margin:0 auto
}
.blocks-search .blocks-search-heading{
    padding-top:45px
}
.blocks-search .blocks-search-heading a{
    color:#5F6368;
    font-size:34px
}
.blocks-search .blocks-search-heading a:hover{
    color:#673ab7
}
@media all and (max-width: 768px){
    .blocks-search .blocks-search-heading a{
        font-size:24px
    }
}
.blocks-search h2{
    font-weight:400;
    color:#898989;
    font-size:40px;
    text-transform:none;
    line-height:1.1
}
.blocks-search .search-form2{
    display:inline-block;
    width:100%
}
.blocks-search .search-form2 .fa{
    position:absolute;
    padding:11px 0 0 10px
}
.blocks-search .search-form2 input{
    padding:7.5px 7.5px 7.5px 33px
}
.blocks-search .search-title{
    font-size:18px;
    font-weight:bold;
    display:inline-block;
    margin-bottom:5px
}
.block1-1 .blocks-container{
    display:flex;
    display:-webkit-flex;
    flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
    width:93%;
    margin:0 auto;
    max-width:calc(1200px + 2%)
}
.block1-1 .block{
    display:flex;
    display:-webkit-flex;
    flex-direction:column;
    -webkit-flex-direction:column;
    width:22%;
    padding:20px 20px 15px 25px;
    outline:0;
    margin:0 1.5% 3%;
    background:#ffffff;
    min-height:200px
}
@media all and (max-width: 1200px){
    .block1-1 .block{
        width:30%;
        margin:0 1.5% 4%
    }
}
@media all and (max-width: 960px){
    .block1-1 .block{
        display:block !important;
        width:97%;
        margin:15px auto;
        padding:20px;
        min-height:0
    }
}
.block1-1 img.blocks-logo{
    width:65px;
    margin:0 15px 0 0;
    float:left
}
@media all and (max-width: 960px){
    .block1-1 img.blocks-logo{
        display:none
    }
}
@media all and (max-width: 960px){
    .block1-1 img.blocks-arrow{
        display:none
    }
}
.block1-1 .block-inner-top{
    flex:1;
    -webkit-flex:1
}
.block1-1 .block-inner-bottom{
    flex:2;
    -webkit-flex:2
}
@media all and (max-width: 960px){
    .block1-1 .block-inner-bottom{
        display:none
    }
}
.block1-1 .search-form{
    display:inline-block;
    margin:5px;
    width:155px
}
.block1-1 .search-form .fa{
    position:absolute;
    padding:8.5px 0 0 10px;
    color:#5f6368
}
.block1-1 .search-form input{
    padding:8px 7.5px 7.5px 33px;
    border:1px solid #cccccc;
    outline:0;
    height:35px;
    border-radius:5px;
    font-size:14px
}
.block2 .block,.block3 .block{
    padding:25px 25px 15px 25px;
    outline:0;
    margin:15px;
    display:flex !important;
    display:-webkit-flex !important;
    flex-direction:column;
    -webkit-flex-direction:column;
    text-align:left;
    background:#ffffff;
    min-height:200px
}
.block2 .block-inner-top,.block3 .block-inner-top{
    flex:1;
    -webkit-flex:1
}
.block2 .block-inner-bottom,.block3 .block-inner-bottom{
    flex:2;
    -webkit-flex:2
}
.block2 .block-section2-wrapper{
    background:#f5f5f5
}
.block2 .block-section2{
    display:-webkit-flex;
    display:flex;
    padding:45px 0
}
@media all and (max-width: 960px){
    .block2 .block-section2{
        padding:45px 0
    }
}
.block2 .block-section2 .left{
    width:75%;
    float:left;
    padding:15px 50px 15px 0;
    border-right:1px solid #cccccc
}
@media all and (max-width: 960px){
    .block2 .block-section2 .left{
        border-right:0;
        width:100%;
        float:none;
        padding:15px 50px 15px 0
    }
}
.block2 .block-section2 .right{
    width:25%;
    float:right
}
.block2 .block-section2 .right .right-inner{
    padding:20px 0 15px 50px;
    display:block
}
.block2 .block-section2 .right a{
    color:#673ab7
}
.block2 .block-section2 .right p.links{
    margin-top:3px
}
.block2 .block-section2 .right p.links a{
    font-weight:400;
    display:block
}
@media all and (max-width: 960px){
    .block2 .block-section2 .right{
        display:none
    }
}
.block3 .blocks3-content h3,.block3 .blocks3-content h5{
    padding:30px 0 5px
}
.block3 img.screenshot{
    width:700px;
    margin:60px auto;
    display:block
}
.block.analytic,.block-home.analytic,.block-header.analytic{
    border-left:7px solid #4285F4
}
.block.source,.block-home.source,.block-header.source{
    border-left:7px solid #EE675C
}
.block.data,.block-home.data,.block-header.data{
    border-left:7px solid #5F6368
}
.block.data-tool,.block-home.data-tool,.block-header.data-tool{
    border-left:7px solid #DADCE0
}
.block.viz,.block-home.viz,.block-header.viz{
    border-left:7px solid #FBBC04
}
.block.embedded,.block-home.embedded,.block-header.embedded{
    border-left:7px solid #34A853
}
.block.actions,.block-home.actions,.block-header.actions{
    border-left:7px solid #AECBFA
}
@media all and (max-width: 1200px){
    .five-steps-container{
        margin:0 auto;
        max-width:800px
    }
}
@media all and (max-width: 960px){
    .five-steps-container{
        margin:0 auto;
        max-width:600px
    }
}
.five-steps-container .five-steps-flex-container{
    display:flex;
    display:-webkit-flex;
    flex-direction:row;
    -webkit-flex-direction:row
}
@media all and (max-width: 1200px){
    .five-steps-container .five-steps-flex-container{
        flex-direction:column;
        -webkit-flex-direction:column;
        order:2,1,3;
        -webkit-order:2,1,3
    }
}
.five-steps-container .one{
    order:1;
    -webkit-order:1;
    width:23%;
    text-align:right
}
@media all and (max-width: 1200px){
    .five-steps-container .one{
        order:2;
        -webkit-order:2;
        width:100%;
        text-align:left
    }
}
.five-steps-container .two{
    order:2;
    -webkit-order:2;
    width:54%;
    padding:0 2.5%
}
@media all and (max-width: 1200px){
    .five-steps-container .two{
        order:1;
        -webkit-order:1;
        width:100%;
        padding:0
    }
}
.five-steps-container .three{
    order:3;
    -webkit-order:3;
    width:23%;
    text-align:left
}
@media all and (max-width: 1200px){
    .five-steps-container .three{
        order:3;
        -webkit-order:3;
        width:100%
    }
}
.five-steps-container .four{
    width:50%;
    margin:0 auto
}
@media all and (max-width: 1200px){
    .five-steps-container .four{
        width:100%;
        margin:0;
        text-align:left
    }
}
.five-steps-container .large-label{
    font-size:18px;
    font-weight:700;
    text-transform:uppercase;
    margin-top:30px
}
.five-steps-container img{
    width:600px
}
.simple-platform table{
    max-width:1000px;
    border-collapse:collapse;
    margin:0 auto
}
.simple-platform table tr:nth-of-type(1) td{
    padding:15px 30px;
    background:#DADCE0
}
@media all and (max-width: 960px){
    .simple-platform table tr:nth-of-type(1) td{
        padding:15px
    }
}
.simple-platform table td{
    width:25%
}
.simple-platform2 table{
    width:99%;
    max-width:1000px;
    border-collapse:collapse;
    margin:0 auto;
    border:0;
    background:transparent
}
.simple-platform2 table tr:nth-of-type(1) td{
    border:0
}
.simple-platform2 table tr:nth-of-type(2) td{
    background:#DADCE0
}
.simple-platform2 table td{
    width:49%;
    background:white
}
.embedded table{
    width:99%;
    border-collapse:collapse;
    border:0;
    margin:0 auto;
    background:transparent
}
.embedded table tr:nth-of-type(1) td{
    border:0;
    background:#DADCE0
}
.embedded table tr:nth-of-type(1) td:nth-of-type(1){
    background:transparent
}
.embedded table td:nth-of-type(1){
    background:#F8F9FA;
    font-weight:bolder
}
table .fa{
    float:right;
    margin-top:6px;
    font-size:20px
}
table .fa:hover{
    color:white
}
.platform .architecture-large{
    margin:15px 0 0 0
}
.platform .architecture-small{
    width:200px;
    margin:30px auto 0
}
.blog .blog-heading{
    padding-top:45px
}
@media all and (max-width: 960px){
    .blog .main-blog-page{
        max-width:650px
    }
}
.blog .blog-title{
    color:inherit;
    font-size:34px;
    text-transform:none;
    line-height:1.1
}
.blog .blog-title a{
    color:#5F6368
}
.blog .blog-title a:hover{
    color:#673ab7
}
@media (max-width: 768px){
    .blog .blog-title{
        font-size:24px
    }
}
.blog .blog-first{
    margin:50px 0 3.5%;
    display:-webkit-flex;
    display:flex
}
@media all and (max-width: 960px){
    .blog .blog-first{
        margin:0 auto 5%
    }
}
@media all and (max-width: 700px){
    .blog .blog-first{
        max-width:400px;
        margin:0 auto 30px
    }
}
.blog .blog-first h6.alt{
    font-weight:200;
    color:#5F6368;
    font-size:26px;
    text-transform:none;
    line-height:1.25
}
.blog .blog-first-left{
    width:65.55%;
    margin-right:3.5%
}
@media all and (max-width: 960px){
    .blog .blog-first-left{
        width:100%;
        margin-right:0
    }
}
.blog .blog-first-right{
    width:31%;
    display:-webkit-flex;
    display:flex;
    justify-content:center;
    -webkit-justify-content:center;
    flex-direction:column;
    -webkit-flex-direction:column
}
@media all and (max-width: 960px){
    .blog .blog-first-right{
        display:none
    }
}
.blog .blog-search-box{
    padding:30px;
    margin-top:9%;
    display:-webkit-flex;
    display:flex;
    justify-content:center;
    -webkit-justify-content:center;
    flex-direction:column;
    -webkit-flex-direction:column;
    flex:1;
    -webkit-flex:1
}
.blog .blog-small-container{
    display:flex;
    display:-webkit-flex;
    justify-content:flex-start;
    -webkit-justify-content:flex-start;
    flex-wrap:wrap;
    -webkit-flex-wrap:wrap
}
@media all and (max-width: 700px){
    .blog .blog-small-container{
        max-width:400px;
        margin:0 auto
    }
}
@media all and (max-width: 700px){
    .blog .blog-small-container.recent-posts{
        max-width:400px;
        margin:0 auto
    }
}
.blog .first-blog{
    padding:30px 30px 15px;
    background:#ffffff;
    cursor:pointer
}
@media all and (max-width: 500px){
    .blog .first-blog{
        padding:15px
    }
}
.blog .past-blog2{
    display:flex;
    display:-webkit-flex;
    flex-direction:column;
    -webkit-flex-direction:column;
    padding:30px 30px 15px;
    background:#ffffff;
    width:30%;
    margin:0 1.5% 3.5%
}
@media all and (max-width: 960px){
    .blog .past-blog2{
        width:45%;
        margin:0 2.5% 5%
    }
}
@media all and (max-width: 700px){
    .blog .past-blog2{
        width:100%;
        margin:0 0 30px
    }
}
@media all and (max-width: 500px){
    .blog .past-blog2{
        padding:15px
    }
}
.blog .past-blog2 .snippet{
    flex:1;
    -webkit-flex:1;
    margin-bottom:5px
}
.blog .past-blog2 .date{
    font-size:13px;
    float:left
}
.blog .past-blog2 .category{
    display:inline-block;
    float:left;
    font-size:12px;
    font-weight:500;
    text-transform:uppercase
}
@media all and (max-width: 960px){
    .blog .past-blog2.recent-posts{
        width:47.5%;
        margin:0 0 5%
    }
    .blog .past-blog2.recent-posts:last-of-type{
        display:none
    }
}
@media all and (max-width: 700px){
    .blog .past-blog2.recent-posts{
        width:100%;
        margin:0 0 30px
    }
}
.blog .purple-text{
    color:#5a2fc2
}
.blog .search-form .fa{
    position:absolute;
    padding:10px 0 0 10px;
    color:#6b6b6b
}
.blog .search-form input{
    padding:7.5px 7.5px 7.5px 33px;
    outline:0
}
.blog .search-form2{
    display:inline-block;
    width:100%
}
.blog .search-form2 .fa{
    position:absolute;
    padding:11px 0 0 10px
}
.blog .search-form2 input{
    padding:7.5px 7.5px 7.5px 33px
}
.blog .search-title{
    font-size:18px;
    font-weight:bold;
    display:inline-block;
    margin-bottom:5px
}
.blog h4.alt{
    font-size:26px;
    color:#5F6368;
    text-transform:none;
    line-height:1.1;
    font-weight:400
}
@media all and (max-width: 960px){
    .blog h4.alt{
        font-size:24px
    }
}
@media all and (max-width: 768px){
    .blog h4.alt{
        font-size:22px
    }
}
.blog p{
    line-height:1.35
}
.blog p.archive,.blog p.result{
    line-height:1.5
}
.blog p.archive:hover,.blog p.result:hover{
    color:#673ab7
}
.blog blockquote{
    margin:60px auto;
    width:90%;
    font-size:20px;
    font-weight:400;
    font-style:italic
}
@media all and (max-width: 960px){
    .blog blockquote{
        font-size:18px
    }
}
.blog blockquote span{
    font-weight:lighter;
    font-size:16px;
    display:block;
    margin:5px 0 0 10px
}
.blog .title{
    line-height:1.25;
    margin-top:7px
}
.blog .snippet{
    font-size:14px;
    display:none
}
.blog .author-title{
    font-style:italic
}
.blog .bottom{
    margin-top:auto
}
.blog .bottom img{
    float:right
}
.blog .read-more{
    float:right;
    color:#673ab7
}
.blog .first-blog .date{
    float:left;
    font-size:14px
}
.blog .pagination a,.blog .post-arrows a{
    color:#673ab7
}
.blog .blog-post{
    background:#ffffff;
    max-width:900px;
    margin:15px auto 0
}
@media all and (max-width: 768px){
    .blog .blog-post{
        padding:30px 0
    }
}
.blog .blog-post h1{
    font-size:36px;
    text-transform:none;
    line-height:1.1;
    margin:0 0 10px
}
@media all and (max-width: 960px){
    .blog .blog-post h1{
        font-size:32px
    }
}
@media all and (max-width: 768px){
    .blog .blog-post h1{
        font-size:26px
    }
}
.blog .blog-post h2{
    font-size:26px;
    text-transform:none;
    line-height:1.1
}
@media all and (max-width: 960px){
    .blog .blog-post h2{
        font-size:24px
    }
}
@media all and (max-width: 768px){
    .blog .blog-post h2{
        font-size:22px
    }
}
.blog .blog-post h3{
    font-size:22px;
    text-transform:none;
    line-height:1.25;
    font-weight:400
}
@media all and (max-width: 960px){
    .blog .blog-post h3{
        font-size:20px
    }
}
@media all and (max-width: 768px){
    .blog .blog-post h3{
        font-size:18px
    }
}
.blog .blog-post h4{
    font-size:18px;
    text-transform:none;
    line-height:1.25
}
@media all and (max-width: 960px){
    .blog .blog-post h4{
        font-size:17px
    }
}
@media all and (max-width: 768px){
    .blog .blog-post h4{
        font-size:16px
    }
}
.blog .blog-post .date{
    font-size:14px
}
.blog .blog-post .author{
    font-size:14px
}
.blog .blog-post p{
    line-height:1.75
}
.blog .blog-post .youtube-player img{
    margin:0 auto
}
.blog .blog-post img{
    margin:30px 0
}
.blog .blog-post #st-1 .st-btn>img{
    margin:0
}
.blog .blog-post iframe{
    margin:30px 0 15px
}
.blog .blog-post .social+p img{
    margin:0 0 15px
}
.blog .blog-post .social{
    padding-bottom:20px
}
.blog .blog-post .social #st-1 .st-total{
    display:none
}
.blog .blog-post .social #st-1.st-has-labels .st-btn{
    min-width:0
}
.blog .blog-post .social #st-1 .st-btn>svg{
    height:22px;
    width:22px;
    position:relative;
    top:5px;
    vertical-align:top
}
.blog .blog-post .social #st-1 .st-btn>span{
    min-width:40px
}
.blog .blog-container{
    background:#ffffff;
    max-width:1000px;
    margin:0 auto;
    padding:45px 60px
}
@media all and (max-width: 768px){
    .blog .blog-container{
        padding:30px
    }
}
@media all and (max-width: 500px){
    .blog .blog-container{
        padding:20px 15px
    }
}
.blog figure{
    text-align:center
}
.blog figcaption{
    margin:-25px 0 30px;
    text-align:center;
    font-style:italic;
    font-size:14px;
    color:#5F6368
}
.blog .blog-search-box .inline .fa{
    font-size:25px;
    padding:0 5%
}
.partner-network .badge-links{
    display:block
}
.partner-network .badges{
    width:80%;
    max-width:300px
}
.partner-network .icons{
    width:100px
}
.partner-network .icons2{
    width:80px
}
 .product-img{
    width:40px;
    margin-bottom:15px
}
.partner-network table.main{
    width:100%;
    background:transparent;
    border:0;
    margin:0
}
.partner-network table.main .abv-text{
    display:none
}
@media all and (max-width: 960px){
    .partner-network table.main{
        font-size:16px
    }
}
@media all and (max-width: 768px){
    .partner-network table.main{
        font-size:12px
    }
    .partner-network table.main .full-text{
        display:none
    }
    .partner-network table.main .abv-text{
        display:inline-block
    }
}
.partner-network table.main tr:last-of-type{
    border-bottom:1px solid #DADCE0
}
.partner-network table.main td:first-of-type{
    text-align:left;
    width:31%
}
@media all and (max-width: 768px){
    .partner-network table.main td:first-of-type{
        width:40%;
        padding:12.5px 15px
    }
}
.partner-network table.main td{
    width:23%;
    border:0;
    margin:0;
    padding:15px 30px
}
@media all and (max-width: 960px){
    .partner-network table.main td{
        padding:15px;
        width:20%
    }
}
@media all and (max-width: 768px){
    .partner-network table.main td{
        width:20%
    }
}
.partner-network table.main .toggle-button{
    display:block;
    cursor:pointer;
    color:initial
}
.partner-network table.main .toggle-button:hover{
    color:initial
}
.partner-network table.main .fa{
    float:right;
    font-size:14px
}
.partner-network table.main .fa:hover{
    color:initial
}
.partner-network table.second{
    width:100%;
    margin:0;
    color:#202124;
    border:1px solid #DADCE0;
    border-top:none
}
@media all and (max-width: 960px){
    .partner-network table.second{
        font-size:14px
    }
}
@media all and (max-width: 768px){
    .partner-network table.second{
        font-size:12px
    }
}
.partner-network table.second tr{
    border-bottom:1px solid #DADCE0
}
.partner-network table.second tr:last-of-type{
    border-bottom:none
}
.partner-network table.second td:first-of-type{
    text-align:left;
    width:31%;
    font-size:15px
}
@media all and (max-width: 768px){
    .partner-network table.second td:first-of-type{
        width:40%;
        font-size:12px
    }
}
@media all and (max-width: 500px){
    .partner-network table.second td:first-of-type{
        font-size:10px;
        font-weight:700
    }
}
.partner-network table.second td{
    width:23%;
    border:0;
    margin:0;
    padding:15px 30px
}
@media all and (max-width: 960px){
    .partner-network table.second td{
        padding:15px;
        width:20%
    }
}
@media all and (max-width: 768px){
    .partner-network table.second td{
        width:20%
    }
}
@media all and (max-width: 500px){
    .partner-network table.second td{
        padding:10px 5px
    }
}
.partner-network table.main2 td:first-of-type,.partner-network table.second2 td:first-of-type{
    width:31%
}
@media all and (max-width: 768px){
    .partner-network table.main2 td:first-of-type,.partner-network table.second2 td:first-of-type{
        width:22%
    }
}
.partner-network table.main2 td,.partner-network table.second2 td{
    width:23%
}
@media all and (max-width: 768px){
    .partner-network table.main2 td,.partner-network table.second2 td{
        width:26%
    }
}
.partner-network .pn-box-container{
    display:flex;
    display:-webkit-flex;
    justify-content:space-between;
    -webkit-justify-content:space-between
}
@media all and (max-width: 960px){
    .partner-network .pn-box-container{
        flex-direction:column;
        -webkit-flex-direction:column
    }
}
.partner-network .pn-box{
    display:flex;
    display:-webkit-flex;
    flex-direction:column;
    -webkit-flex-direction:column;
    align-items:center;
    -webkit-align-items:center;
    width:31%;
    padding:30px
}
@media all and (max-width: 960px){
    .partner-network .pn-box{
        margin:0 auto 7%;
        width:100%;
        max-width:350px
    }
}
.partner-network .pn-box p{
    flex:1;
    -webkit-flex:1
}
.partner-network .pn-box2{
    width:47.5%
}
@media all and (max-width: 960px){
    .partner-network .pn-box2{
        margin:0 auto 7%;
        width:100%;
        max-width:350px
    }
}
.security table.main .first{
    background:#DADCE0 !important
}
.security table.main td:first-of-type{
    width:20%;
    background:#F8F9FA
}
.join-css .card-container{
    display:flex;
    display:-webkit-flex;
    justify-content:center;
    -webkit-justify-content:center;
    flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
    width:93%;
    margin:0 auto;
    max-width:calc(1200px + 2.25%)
}
@media all and (max-width: 500px){
    .join-css .card-container{
        flex-direction:column;
        -webkit-flex-direction:column;
        width:90%;
        margin:0 auto;
        max-width:1200px
    }
}
.join-css .card{
    display:flex;
    display:-webkit-flex;
    flex-direction:column;
    -webkit-flex-direction:column;
    align-items:flex-start;
    -webkit-align-items:flex-start;
    width:22%;
    margin:1.5%;
    padding:30px;
    cursor:pointer
}
@media all and (max-width: 1200px){
    .join-css .card{
        width:46%;
        margin:2%
    }
}
@media all and (max-width: 650px){
    .join-css .card{
        margin:0 auto 7%;
        width:100%;
        max-width:400px
    }
}
.join-css .card p{
    flex:1;
    -webkit-flex:1
}
.biz-container{
    min-height:300px
}
.join-footer .fa{
    color:white;
    font-size:30px;
    margin:0 10px
}
.join-footer .fa:hover{
    color:#673ab7
}
.join-content-hub .join-content-hub-card-container{
    display:flex;
    display:-webkit-flex;
    flex-wrap:wrap;
    -webkit-flex-wrap:wrap
}
@media all and (max-width: 600px){
    .join-content-hub .join-content-hub-card-container{
        max-width:300px;
        margin:0 auto
    }
}
@media all and (max-width: 600px){
    .join-content-hub .join-content-hub-card-container.recent-posts{
        max-width:400px;
        margin:0 auto
    }
}
.join-content-hub .join-content-hub-card-container .join-content-hub-card{
    display:flex;
    display:-webkit-flex;
    flex-direction:column;
    -webkit-flex-direction:column;
    background:#ffffff;
    width:23%;
    margin:0 1% 2%
}
@media all and (max-width: 1200px){
    .join-content-hub .join-content-hub-card-container .join-content-hub-card{
        width:30.3%;
        margin:0 1.5% 3%
    }
}
@media all and (max-width: 800px){
    .join-content-hub .join-content-hub-card-container .join-content-hub-card{
        width:47%
    }
}
@media all and (max-width: 600px){
    .join-content-hub .join-content-hub-card-container .join-content-hub-card{
        width:100%;
        margin:0 0 30px
    }
}
.join-content-hub .join-content-hub-card-container .join-content-hub-card img{
    border-radius:8px 8px 0 0
}
.join-content-hub .join-content-hub-card-container .join-content-hub-card .bottom{
    flex-direction:column;
    -webkit-flex-direction:column;
    display:flex;
    flex:3;
    -webkit-flex:3;
    display:-webkit-flex;
    padding:0 15px 15px
}
@media all and (max-width: 500px){
    .join-content-hub .join-content-hub-card-container .join-content-hub-card .bottom{
        padding:0 15px 15px
    }
}
.join-content-hub .join-content-hub-card-container .join-content-hub-card .track{
    display:inline-block;
    float:left;
    font-size:10.5px;
    line-height:1.35;
    font-weight:500;
    text-transform:uppercase
}
.join-content-hub .join-content-hub-card-container .join-content-hub-card .title{
    line-height:1.25;
    margin-top:10px
}
.join-content-hub .join-content-hub-card-container .join-content-hub-card .bottom-bottom{
    margin-top:auto;
    padding-top:15px
}

 