/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v15/JTUPjIg1_i6t8kCHKm459WxZYgzz8fZwnCo.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v15/JTUPjIg1_i6t8kCHKm459WxZYgzz-PZwnCo.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v15/JTUPjIg1_i6t8kCHKm459WxZYgzz8_ZwnCo.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;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v15/JTUPjIg1_i6t8kCHKm459WxZYgzz8vZwnCo.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;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v15/JTUPjIg1_i6t8kCHKm459WxZYgzz_PZw.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;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_cJD3gTD_u50.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_cJD3g3D_u50.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_cJD3gbD_u50.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;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_cJD3gfD_u50.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;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_cJD3gnD_g.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;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v15/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v15/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v15/JTUSjIg1_i6t8kCHKm459WZhyzbi.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;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v15/JTUSjIg1_i6t8kCHKm459Wdhyzbi.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;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v15/JTUSjIg1_i6t8kCHKm459Wlhyw.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;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_ZpC3gTD_u50.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_ZpC3g3D_u50.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_ZpC3gbD_u50.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;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_ZpC3gfD_u50.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;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_ZpC3gnD_g.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;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_bZF3gTD_u50.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_bZF3g3D_u50.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_bZF3gbD_u50.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;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_bZF3gfD_u50.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;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_bZF3gnD_g.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;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_c5H3gTD_u50.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_c5H3g3D_u50.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_c5H3gbD_u50.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;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_c5H3gfD_u50.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;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_c5H3gnD_g.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;
}

/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/lato/v17/S6u_w4BMUTPHjxsI5wq_FQft1dw.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;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/lato/v17/S6u_w4BMUTPHjxsI5wq_Gwft.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;
}
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/lato/v17/S6uyw4BMUTPHjxAwXjeu.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;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/lato/v17/S6uyw4BMUTPHjx4wXg.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;
}
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/lato/v17/S6u9w4BMUTPHh6UVSwaPGR_p.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;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/lato/v17/S6u9w4BMUTPHh6UVSwiPGQ.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;
}

/* BOOTSTRAP ------------------------------ */
:root{--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}label{display:inline-block;margin-bottom:.5rem}button,input{overflow:visible}button,select{text-transform:none}textarea{overflow:auto;resize:vertical}.img-fluid{max-width:100%;height:auto}.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.container-fluid{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.no-gutters{margin-right:0;margin-left:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{position:relative;width:100%;padding-right:15px;padding-left:15px}.col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;min-width:0;max-width:100%}.col-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}@media (min-width:576px){.col-sm{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;min-width:0;max-width:100%}.col-sm-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-sm-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-sm-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-sm-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-sm-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-sm-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-sm-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-sm-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-sm-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-sm-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-sm-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-sm-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}}@media (min-width:768px){.col-md{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;min-width:0;max-width:100%}.col-md-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-md-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-md-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-md-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-md-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-md-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-md-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-md-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-md-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-md-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-md-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-md-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}}@media (min-width:992px){.col-lg{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;min-width:0;max-width:100%}.col-lg-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-lg-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-lg-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-lg-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-lg-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-lg-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-lg-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-lg-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-lg-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-lg-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-lg-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}}@media (min-width:1200px){.col-xl{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;min-width:0;max-width:100%}.col-xl-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-xl-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-xl-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-xl-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-xl-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-xl-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-xl-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-xl-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-xl-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-xl-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-xl-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-xl-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}}.table{width:100%;margin-bottom:1rem;color:#212529}.table td,.table th{padding:.75rem;vertical-align:top;border-top:1px solid #dee2e6}.table thead th{vertical-align:bottom;border-bottom:2px solid #dee2e6}.table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.form-control{display:block;width:100%;height:calc(1.5em + .75rem + 2px);padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-control::-ms-expand{background-color:transparent;border:0}.form-control:-moz-focusring{color:transparent;text-shadow:0 0 0 #495057}.form-control:focus{color:#495057;background-color:#fff;border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.form-control::-webkit-input-placeholder{color:#6c757d;opacity:1}.form-control::-moz-placeholder{color:#6c757d;opacity:1}.form-control:-ms-input-placeholder{color:#6c757d;opacity:1}.form-control::-ms-input-placeholder{color:#6c757d;opacity:1}.form-control::placeholder{color:#6c757d;opacity:1}.form-control:disabled,.form-control[readonly]{background-color:#e9ecef;opacity:1}input[type=date].form-control,input[type=datetime-local].form-control,input[type=month].form-control,input[type=time].form-control{-webkit-appearance:none;-moz-appearance:none;appearance:none}select.form-control:focus::-ms-value{color:#495057;background-color:#fff}select.form-control[multiple],select.form-control[size]{height:auto}textarea.form-control{height:auto}.btn-primary{color:#fff;background-color:#007bff;border-color:#007bff}.btn-primary:hover{color:#fff;background-color:#0069d9;border-color:#0062cc}.btn-primary.focus,.btn-primary:focus{color:#fff;background-color:#0069d9;border-color:#0062cc;box-shadow:0 0 0 .2rem rgba(38,143,255,.5)}.btn-primary.disabled,.btn-primary:disabled{color:#fff;background-color:#007bff;border-color:#007bff}.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{color:#fff;background-color:#0062cc;border-color:#005cbf}.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(38,143,255,.5)}.btn-secondary{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-secondary:hover{color:#fff;background-color:#5a6268;border-color:#545b62}.btn-secondary.focus,.btn-secondary:focus{color:#fff;background-color:#5a6268;border-color:#545b62;box-shadow:0 0 0 .2rem rgba(130,138,145,.5)}.btn-secondary.disabled,.btn-secondary:disabled{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle{color:#fff;background-color:#545b62;border-color:#4e555b}.btn-secondary:not(:disabled):not(.disabled).active:focus,.btn-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(130,138,145,.5)}.close{float:right;font-size:1.5rem;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.5}.close:hover{color:#000;text-decoration:none}.close:not(:disabled):not(.disabled):focus,.close:not(:disabled):not(.disabled):hover{opacity:.75}.carousel{position:relative}.carousel.pointer-event{-ms-touch-action:pan-y;touch-action:pan-y}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner::after{display:block;clear:both;content:""}.carousel-item{position:relative;display:none;float:left;width:100%;margin-right:-100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out;transition:transform .6s ease-in-out,-webkit-transform .6s ease-in-out}@media (prefers-reduced-motion:reduce){.carousel-item{transition:none}}.carousel-item-next,.carousel-item-prev,.carousel-item.active{display:block}.active.carousel-item-right,.carousel-item-next:not(.carousel-item-left){-webkit-transform:translateX(100%);transform:translateX(100%)}.active.carousel-item-left,.carousel-item-prev:not(.carousel-item-right){-webkit-transform:translateX(-100%);transform:translateX(-100%)}.carousel-fade .carousel-item{opacity:0;transition-property:opacity;-webkit-transform:none;transform:none}.carousel-fade .carousel-item-next.carousel-item-left,.carousel-fade .carousel-item-prev.carousel-item-right,.carousel-fade .carousel-item.active{z-index:1;opacity:1}.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right{z-index:0;opacity:0;transition:opacity 0s .6s}@media (prefers-reduced-motion:reduce){.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right{transition:none}}.carousel-control-next,.carousel-control-prev{position:absolute;top:0;bottom:0;z-index:1;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:15%;color:#fff;text-align:center;opacity:.5;transition:opacity .15s ease}@media (prefers-reduced-motion:reduce){.carousel-control-next,.carousel-control-prev{transition:none}}.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover{color:#fff;text-decoration:none;outline:0;opacity:.9}.carousel-control-prev{left:0}.carousel-control-next{right:0}.carousel-control-next-icon,.carousel-control-prev-icon{display:inline-block;width:20px;height:20px;background:no-repeat 50%/100% 100%}.carousel-control-prev-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e")}.carousel-control-next-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e")}.carousel-indicators{position:absolute;right:0;bottom:0;left:0;z-index:15;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;padding-left:0;margin-right:15%;margin-left:15%;list-style:none}.carousel-indicators li{box-sizing:content-box;-ms-flex:0 1 auto;flex:0 1 auto;width:30px;height:3px;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:#fff;background-clip:padding-box;border-top:10px solid transparent;border-bottom:10px solid transparent;opacity:.5;transition:opacity .6s ease}@media (prefers-reduced-motion:reduce){.carousel-indicators li{transition:none}}.carousel-indicators .active{opacity:1}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center}.align-baseline{vertical-align:baseline!important}.align-top{vertical-align:top!important}.align-middle{vertical-align:middle!important}.align-bottom{vertical-align:bottom!important}.align-text-bottom{vertical-align:text-bottom!important}.align-text-top{vertical-align:text-top!important}.clearfix::after{display:block;clear:both;content:""}.d-none{display:none!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-table{display:table!important}.d-flex{display:-ms-flexbox!important;display:flex!important}.d-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}@media (min-width:576px){.d-sm-none{display:none!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-flex{display:-ms-flexbox!important;display:flex!important}}@media (min-width:768px){.d-md-none{display:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-flex{display:-ms-flexbox!important;display:flex!important}}@media (min-width:992px){.d-lg-none{display:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-flex{display:-ms-flexbox!important;display:flex!important}}@media (min-width:1200px){.d-xl-none{display:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-flex{display:-ms-flexbox!important;display:flex!important}}.flex-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.justify-content-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-center{-ms-flex-align:center!important;align-items:center!important}.align-items-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.float-left{float:left!important}.float-right{float:right!important}.float-none{float:none!important}.m-0{margin:0!important}.mt-0,.my-0{margin-top:0!important}.mr-0,.mx-0{margin-right:0!important}.mb-0,.my-0{margin-bottom:0!important}.ml-0,.mx-0{margin-left:0!important}.m-1{margin:.25rem!important}.mt-1,.my-1{margin-top:.25rem!important}.mr-1,.mx-1{margin-right:.25rem!important}.mb-1,.my-1{margin-bottom:.25rem!important}.ml-1,.mx-1{margin-left:.25rem!important}.m-2{margin:.5rem!important}.mt-2,.my-2{margin-top:.5rem!important}.mr-2,.mx-2{margin-right:.5rem!important}.mb-2,.my-2{margin-bottom:.5rem!important}.ml-2,.mx-2{margin-left:.5rem!important}.m-3{margin:1rem!important}.mt-3,.my-3{margin-top:1rem!important}.mr-3,.mx-3{margin-right:1rem!important}.mb-3,.my-3{margin-bottom:1rem!important}.ml-3,.mx-3{margin-left:1rem!important}.m-4{margin:1.5rem!important}.mt-4,.my-4{margin-top:1.5rem!important}.mr-4,.mx-4{margin-right:1.5rem!important}.mb-4,.my-4{margin-bottom:1.5rem!important}.ml-4,.mx-4{margin-left:1.5rem!important}.mt-5,.my-5{margin-top:3rem!important}.mr-5,.mx-5{margin-right:3rem!important}.mb-5,.my-5{margin-bottom:3rem!important}.ml-5,.mx-5{margin-left:3rem!important}.p-0{padding:0!important}.pt-0,.py-0{padding-top:0!important}.pr-0,.px-0{padding-right:0!important}.pb-0,.py-0{padding-bottom:0!important}.pl-0,.px-0{padding-left:0!important}.p-1{padding:.25rem!important}.pt-1,.py-1{padding-top:.25rem!important}.pr-1,.px-1{padding-right:.25rem!important}.pb-1,.py-1{padding-bottom:.25rem!important}.pl-1,.px-1{padding-left:.25rem!important}.p-2{padding:.5rem!important}.pt-2,.py-2{padding-top:.5rem!important}.pr-2,.px-2{padding-right:.5rem!important}.pb-2,.py-2{padding-bottom:.5rem!important}.pl-2,.px-2{padding-left:.5rem!important}.p-3{padding:1rem!important}.pt-3,.py-3{padding-top:1rem!important}.pr-3,.px-3{padding-right:1rem!important}.pb-3,.py-3{padding-bottom:1rem!important}.pl-3,.px-3{padding-left:1rem!important}.p-4{padding:1.5rem!important}.pt-4,.py-4{padding-top:1.5rem!important}.pr-4,.px-4{padding-right:1.5rem!important}.pb-4,.py-4{padding-bottom:1.5rem!important}.pl-4,.px-4{padding-left:1.5rem!important}.p-5{padding:3rem!important}.pt-5,.py-5{padding-top:3rem!important}.pr-5,.px-5{padding-right:3rem!important}.pb-5,.py-5{padding-bottom:3rem!important}.pl-5,.px-5{padding-left:3rem!important}.mt-n1,.my-n1{margin-top:-.25rem!important}.mr-n1,.mx-n1{margin-right:-.25rem!important}.mb-n1,.my-n1{margin-bottom:-.25rem!important}.ml-n1,.mx-n1{margin-left:-.25rem!important}.m-n2{margin:-.5rem!important}.mt-n2,.my-n2{margin-top:-.5rem!important}.mr-n2,.mx-n2{margin-right:-.5rem!important}.mb-n2,.my-n2{margin-bottom:-.5rem!important}.ml-n2,.mx-n2{margin-left:-.5rem!important}.m-n3{margin:-1rem!important}.mt-n3,.my-n3{margin-top:-1rem!important}.mr-n3,.mx-n3{margin-right:-1rem!important}.mb-n3,.my-n3{margin-bottom:-1rem!important}.ml-n3,.mx-n3{margin-left:-1rem!important}.m-n4{margin:-1.5rem!important}.mt-n4,.my-n4{margin-top:-1.5rem!important}.mr-n4,.mx-n4{margin-right:-1.5rem!important}.mb-n4,.my-n4{margin-bottom:-1.5rem!important}.ml-n4,.mx-n4{margin-left:-1.5rem!important}.m-n5{margin:-3rem!important}.mt-n5,.my-n5{margin-top:-3rem!important}.mr-n5,.mx-n5{margin-right:-3rem!important}.mb-n5,.my-n5{margin-bottom:-3rem!important}.ml-n5,.mx-n5{margin-left:-3rem!important}.m-auto{margin:auto!important}.mt-auto,.my-auto{margin-top:auto!important}.mr-auto,.mx-auto{margin-right:auto!important}.mb-auto,.my-auto{margin-bottom:auto!important}.ml-auto,.mx-auto{margin-left:auto!important}.text-left{text-align:left!important}.text-right{text-align:right!important}.text-center{text-align:center!important}


/* STYLES ------------------------------ */

* {
  box-sizing: border-box;
  line-height: 1.6;
  margin: 0;
  padding: 0;
  text-decoration: none;
}

html, body { height: 100%; }
body { color: #0F112B; overflow-x: hidden; width: 100%; }
body.no-overflow, body.searchbar { overflow: hidden; }

main>div, main>section, main>aside {
  padding: 5.5rem 1.5rem;
  position: relative;
  z-index: 0;
}

main.interior {overflow: visible;}

main>div {overflow: visible;}

.raise-z { z-index: 1; }

.m-only { display: none; }

/* COLORS ------------------------------ */
.blue { color: #0F112B; }
.gold { color: #FAB10F; }
.green { color: #0F856F; }
.lt-blue { color: #FAB10F; }
.teal { color: #424357; }
.white { color: #FFF; }

section.gray { background: #FAFAFA; }
section.green { background: #14B093; }
section.blue { background: #0F112B; }
section.teal { background: #424357; }
section.lt-blue{background: #E7E7EA;}

.red { color: #FF0000; }

/* FONTS ------------------------------ */
header *,  #blog article p, #blog h3, #home-success .client, #home-success .year, #homepage-gallery ul + p {
  font-family: 'Montserrat', sans-serif;
  font-weight: 300;
}

.split-section .carousel-item p  {
  font-family: 'Montserrat', sans-serif;
  font-style: italic;
  font-weight: 300;
}

*, aside.cta h2, body>footer #bottom a, blockquote footer, blockquote footer p, #home-cmib p, body>footer p, .home-cta p, p,
#filters li a, #filters li a {
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
}

#ancillary>ul>li>a, #ancillary>ul>li:last-child>a, p.intro, .button, button, #intro p.clamped  {
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
}

h1, h2, h3, h4, h5, h6, strong, #category-filter li.on a, #hosting .heading-row td, .podcasts time, p.message,
.split-section .col-text h2, #home-success .name, aside.cta h2 >span, #home-websites p.try, .green-comment {
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
}

ol li::before,
.counters .counter,
.counters .counter span,
#timeline h3,
.mini-callouts .number, .mini-callouts .number span, .home-cta p>a, #home-success .banner {
  font-family: 'Montserrat', sans-serif;
  font-style: normal;
  font-weight: 800;
}

#search-bar, body>footer strong, #testimonials h3 span {
  font-family: 'Lato', sans-serif;
  font-style: normal;
  font-weight: 400;
}

#filters>ul>li>label {
  font-family: 'Lato', sans-serif;
  font-weight: 700;
}

h1>span, h2>span, h3>span {
  font-family: 'Lato', sans-serif;
  font-weight: 700;
  font-style: italic;
}

span.green {
    font-style: normal;
    font-weight: 600;
    font-family: inherit;
}

.fw-normal {
    font-weight: 400;
}

/* HEADINGS ------------------------------ */
h1, h2, h3, h4, h5, h6 {
  line-height: 1.4;
  margin: 0 0 1rem;
}

h1 { color: #0F112B; font-size: 2.25rem; }
h2 { color: #424357; font-size: 2.25rem; }
h3 { color: #424357; font-size: 1.3125rem; }
h3.smaller { font-size: 1.125rem }
h4 { color: #484848; font-size: 1.25rem; }
h5 { color: #484848; font-size: 1.125rem; }
h6 { color: #484848; font-size: 1.0625rem; }

p + h2, p + h3, p + h4, p + ul, p + ol, ul + h2, ul + h3, ul + h4 { margin-top: 1.5em;}

#content h2, #bios h2 {font-size: 1.625rem;text-align: center;}

#bios h2 {color: #0f856f;margin: 0;}
#content .blog-body h2 { text-align: left; }

#content h2.section-heading {
  background: #5E5C80;
  color: #FFF;
  margin: 0 0 2rem;
  padding: 1em 0;
  position: relative;
  text-align: center;
  z-index: 0;
}

#content h2.section-heading::before {
  background: #5E5C80;
  content: '';
  height: 100%;
  left: 50%;
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  width: 100vw;
  z-index: -1;
}

h1.accented { position: relative; }
h1.accented::before {
  background: #0F112B;
  content: '';
  height: 130%;
  left: -2rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: .625rem;
}

h1>span.italic {
  display: block;
  font-size: 65%;
  line-height: 1.1;
}

h2.accented { position: relative; margin: 0 0 4rem; }

h2.accented::before,
#intro h1.accented::before {
  background: #0F112B;
  content: '';
  height: .375rem;
  left: 0;
  position: absolute;
  top: calc(100% + 1.25rem);
  width: 8rem;
}
#intro h1.accented.text-center::before { left: 50%; transform: translateX(-50%); }

h2.accented.text-center::before { left: 50%; transform: translateX(-50%); }
h2.accented.white::before { background-color: #FFF; }

.underline { text-decoration: underline }

.cmib figcaption { font-size: .75rem; }
.cmib figure img { margin: 0 0 .5rem; }

#niche-modals a { display: block; }
#niche-modals h3 { color: #0F856F; }
#niche-modals a:hover h3 { color: #02042D; }
#niche-modals img { transition: all .5s ease; }
#niche-modals a:hover img { transform: translateY(-.75rem); }

/* TYPOGRAPHY ------------------------------ */
p {color: #0F112B;font-size: .9375rem;line-height: 1.75;margin: 0 0 1.25rem;}
p.intro {
  color: #0F112B;
  font-size: 1.125rem;
  line-height: 1.7;
  margin: 0 0 1.5rem;
}
p.clamped, div.clamped p { margin: 0 auto 1rem; max-width: 100%; width: 50rem; }
#intro p.clamped {font-size: 1rem;margin: 0 0 1rem;width: 55rem;}
p.restricted { font-style: italic; }

span.restricted {
  background: url("/images/icons/lock-alt-solid.svg");
  display: inline-block;
  height: 1.125rem;
  margin: 0 .5rem 0 0;
  position: relative;
  top: .0625rem;
  width: 1rem;
}

u { text-decoration: underline; }

a { color: #15AF92; font-weight: 500; }
a:hover {color: #0F856F; text-decoration: none; }

b { font-weight: 600; }
strong {font-weight: 600;}
.nowrap { white-space:nowrap; }

.box-shadow {
  box-shadow: 0 1px 1px rgba(0,0,0,0.05),
  0 2px 2px rgba(0,0,0,0.05),
  0 4px 4px rgba(0,0,0,0.05),
  0 8px 8px rgba(0,0,0,0.05),
  0 16px 16px rgba(0,0,0,0.05);
}

.clearfix { clear: both; }

.icon-sm {
  clear: both;
  float: left;
  height: auto;
  margin: 0em 1.25em 0 0;
  width: 3em;
}

.button.button-center {
  display: table;
  margin: 0 auto;
}

.green-comment {
  background: #0F856F;
  color: #FFF;
  margin: 0 0 2rem;
  padding: .5em 1rem;
  position: relative;
}

.green-comment::after {
  border-color: #0f856f transparent transparent transparent;
  border-style: solid;
  border-width: 15px 9px 0 9px;
  content: '';
  display: block;
  height: 0;
  left: 2rem;
  position: absolute;
  top: 100%;
  width: 0;
}

.form-wrap {
  background: #ECECEC;
  padding: 0 1rem;
}

/* TABLES ------------------------------ */
table { border-collapse: collapse; font-size: 1.125rem; width: 100%; }
table thead th, table  thead th { font-weight: 600; }

table tbody tr:nth-child(odd) td {background: rgba(0, 0, 0, .03);}
.highlight table tbody tr:nth-child(odd) td {background: rgba(15, 17, 43, .08);}
table th, table td {padding: .25rem .75rem;text-align: center;}

table span.check {
  background: url('/images/icons/check.svg') no-repeat center center;
  background-size: cover;
  display: inline-block;
  height: 1.3125rem;
  vertical-align: middle;
  width: 1.3125rem;
}

table span.cancel {
  background: url('/images/icons/cancel-gray.svg') no-repeat center center;
  background-size: cover;
  display: inline-block;
  height: 1.0625rem;
  vertical-align: middle;
  width: 1.0625rem;
}

/* LISTS ------------------------------ */
ul { list-style: none; }
main ul {margin: 1.25rem 0;}
main p + ul {margin-top: -.25rem;}

main ul li {
  color: #0F112B;
  font-size: .9375rem;
  font-weight: 400;
  margin: 0 0 1rem;
  padding: 0 0 0 3rem;
  position: relative;
}

.home main ul li { color: #767676; }

main ul li::before {
  background: url('/images/icons/check-circle.svg') no-repeat center center;
  background-size: cover;
  content: '';
  height: 1.5rem;
  left: .75rem;
  position: absolute;
  top: .0625rem;
  width: 1.5rem;
}

main ul.errorlist li::before, main ul#errorlist li::before {
  background: url('/images/icons/angle-right-red.svg') no-repeat center center;
  background-size: .5rem 1rem;
}

ul.two-col { column-gap: 1.5rem; columns: 2; }
ul.three-col { column-gap: 1.5rem; columns: 3;  }
ul.two-col li, ul.three-col li { break-inside: avoid-column; }
main ul.two-col { margin-top: 2rem;}
main #content ul.two-col li h3 { margin-top: 0;}

main ul.checks li::before { background: url('/images/icons/check-solid.svg') no-repeat center center; background-size: .75rem .75rem; left: .5rem; }

main ul.no-bullets li:not([class*='col-']) { padding: 0; }
main ul.no-bullets li::before { display: none; }

#content ol { counter-reset: byf-counter; list-style: none; margin: 2rem 0 3rem; }
#content ol li { padding: 0.5rem 0 0 3.75rem; position: relative; counter-increment: byf-counter; }

#content ol li::before {
  content: counter(byf-counter);
  align-items: center;
  background-color: #424357;
  border-radius: 50%;
  color: #FFF;
  display: inline-flex;
  height: 2.75rem;
  font-size: 1.375rem;
  justify-content: center;
  left: 0rem;
  margin: 0 auto;
  position: absolute;
  top: 0;
  width: 2.75rem;
}

#content ol li p { margin: 0 0 1.25rem; }
#content ol li h2, #content ol li h3 { margin: 0 0 .25rem; }

ul.logos li { text-align: center; }
ul.logos li::before { display: none;   }
ul.logos img { max-height: 7rem; padding: 1rem; }

/* SELECT ------------------------------ */
select {
  background-image: url("/images/icons/angle-down-select.svg");
  background-position: calc(100% - 1rem) 50%;
  background-repeat: no-repeat;
  background-size: 1rem 1.75rem;
  -moz-appearance:none;
  -webkit-appearance:none;
  appearance:none;
  border: 1px solid #666;
  max-width: 100%;
  padding: .25rem .5rem;
  font-size: 1.0625rem;
  width: 22rem;
}

.cancellation select {
  background-color: #FAFAFA;
  border: 1px solid #DDDDDD;
  border-radius: 4px;
  margin-bottom: 2rem;
  width: 30rem;
}

.cancellation select.error {
  background-color: #FFF7F7;
  border-color: #FF7B7B;
}

.cancellation .responsive {
  background: #FAFAFA;
  border: 1px solid #DDD;
  border-radius: 4px;
  margin-bottom: 2rem;
  margin-top: -.5rem;
}

.cancellation .responsive tr td:first-child {
  color: #0F112B;
  max-width: 10rem;
  padding: .75rem .75rem;
}

.cancellation form .responsive input + label, .cancellation .responsive input[type="radio"] {
  display: inline-block !important;
  margin-top: .75rem;
  width: auto !important;
}

.cancellation .responsive input[type="radio"] { margin-right: .5rem !important; }
.cancellation .red { font-size: 1.875rem; position: relative; top: .4375rem; }

/* PAGINATION ------------------------------ */
#pagination {margin: 2rem 0;text-align: center;}
#pagination svg { height: 1.15rem; opacity: .5; width: 1.3125rem;}
#pagination a, #pagination span {border: 1px solid #CCC;color: #0F112B;display: inline-block;font-size: 1.25rem;padding: .5rem .75rem;}
#pagination span { background: #FAB10F; color: #FFF; }
#pagination .first svg, #pagination .last svg { height: 1.3125rem; width: 1.5rem; }
#pagination a:hover {  background: rgba(0,117,219,.05); border-color: #FAB10F; color: #FAB10F; }

/* INTERIOR PAGE STYLES ------------------------------ */
.photoleft,
.photoright {
  border-radius: 0 0 3px 3px;
  max-width: 50%;
  padding: 0;
  width: 30rem;
}

.photoleft { clear:both; float: left; margin: 1rem 2rem 1rem 0; }
.photoright {clear:both;float: right;margin: 1rem 0 2rem 3rem; }

.photoleft img, .photoright img {
  border-radius: 3px 3px 0 0;
  margin: 0;
  max-width: 100%;
}

.photoleft figcaption, .photoright figcaption,
.videoleft figcaption, .videoright figcaption {
  color: #0F112B;
  font-size: 0.875rem;
  font-weight: 300;
  padding: .75rem;
  font-style: italic;
  line-height: 1.25rem;
  background:#eee;
}

.photoright a,
.photoleft a {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    z-index: 25;
}

.photoright figcaption, .videoright figcaption { text-align: right;}
.photocenter { display: block; margin: 3rem auto; text-align: center; }
.photocenter img { max-width: 100% }
.img-right { clear: both; float: right; margin: 0 0 0 2rem; width: 9.375rem; }
.img-left { clear: both; float: left; margin: 0 0 0 2rem; width: 9.375rem; }
.img-left.feature, .img-right.feature { width: 22.5rem; }
.photoleft.clear, .photoright.clear { background: transparent; }
.photocenter.small, .photoleft.small, .photoright.small { width: 16rem; }
.videoleft, .videoright { min-width: 25rem; max-width: 60%; padding: 0; width: 30rem; }
.videoleft { float: left; margin: 1rem 3rem 1rem 0; }
.videoright { float: right; margin: 1rem -5rem 2rem 3rem; }

blockquote {
  float: right;
  clear:right;
  font-size: 1.125rem;
  margin: 1rem 0 2rem 3rem;
  max-width: 100%;
  text-align: right;
  width: 25rem;
  padding-right: 1em;
  border-right: 3px solid #eee;
}

blockquote p {
  color: #424357;
  font-size: 1.1875rem;
  line-height: 1.5;
  font-size: 1rem;
}

blockquote footer {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}

blockquote footer img {
  border-radius: 50%;
  margin: 0 0 0 1em;
  width: 3rem;
}

blockquote footer, blockquote footer p {
  color: #0F112B;
  font-size: 0.875rem;
  margin: 0;
}

blockquote figure { margin: 0; }


.img-circle { border-radius: 50%; }

.text-testimonial>div {
  background: #FFF;
  height: 100%;
  padding: 2em 1em 6em;
}

#content section.blue-bg .text-testimonial p { color: #000; }

.text-testimonial>div .reviewer {
  bottom: 1.5em;
  left: 0;
  margin: 0;
  position: absolute;
  right: 0;
  text-align: center;
}

.text-testimonial .img-circle {
  margin: 0 0 1.5em;
  width: 5em;
}

.presenter {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 0 0 1em;
}

.presenter img {
  display: block;
  height: auto;
  margin: 0 auto 1.5em;
  max-width: 100%;
}

.presenter p { margin: 0; }

.presenters .highlight {
  padding: 1.5em 1.5em 0;
}

.anchor-link { position: relative; top: -5.5rem; }

#___partnersbadge_0 {
  display: block !important;
  margin: 0 auto 2rem !important;
}

.col-xl-6.bordered {
  border: 1px solid #CCC;
  margin: 0 0 -.0625rem;
  padding: 1rem 2rem;
}

.col-xl-6.bordered:nth-child(even) { border-left: 0; }

#success-carousel .image {
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50%;
  margin: 0 auto .5rem;
  position: relative;
  width: 5em;
}

#success-carousel .image::before {
  content: '';
  display: block;
  padding: 0 0 100%;
}

/* BUTTONS & FORM ELEMENTS ------------------------------ */
.button {
  background: #0F856F;
  border: 0;
  border-radius: 1.5rem;
  color: #FFF;
  display: inline-block;
  font-size: 1.0625rem;
  line-height: 1.3;
  margin: .5rem .25rem;
  padding: .625rem 2.5rem;
}

p + .button { margin-top: .5rem; }
.button.blue { background:  #0F112B; color: #FFF; }
.button.gold, .highlight.gold .button { background: #0F856F; color: #FFF; }
.button.green { background: #14B093; }

.highlight.gold .button:hover, .button:hover, .button:focus { background: #0F112B; color: #FFF; outline: 0; }
.button.blue:hover, .button.blue:focus { background: #FAB10F; outline: 0; }

.button.outlined { background: transparent; border: 2px solid #2C2B41; color: #2C2B41; }
.button.outlined:hover { background: #2C2B41; color: #FFF; }

.button.white.outlined { background: transparent; border: 2px solid #FFF; color: #FFF; }
.button.white.outlined:hover { background: #FFF; color: #0F112B; }

.button.green.outlined { border: 2px solid #0f856f; color: #0f856f; font-weight: 400; padding: .5rem 2.5rem}
.button.green.outlined:hover { background: #2C2B41; border-color: #2C2B41; color: #FFF; }

input { border-radius: 4px; }


/* SHARPSPRING ------------------------------ */
fieldset li label {
  color: #0f112b;
}

/* CUSTOM CHECKBOXES ------------------------------ */

label.checkmark {
  cursor: pointer;
  display: block;
  font-size: .9375rem;
  margin-bottom: .25rem;
  padding-left: 3rem;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

label.checkmark input {
  cursor: pointer;
  height: 0;
  opacity: 0;
  position: absolute;
  width: 0;
}

label.checkmark span {
  background-color: #E8E8E8;
  height: 1rem;
  left: 0;
  position: absolute;
  top: .25rem;
  width: 1rem;
  z-index: 0;
}

label.checkmark:hover input ~ span { background-color: #CCC; }
label.checkmark input:checked ~ span {background-color: #0F856F;}
label.checkmark span::after { content: ""; display: none; position: absolute; }
label.checkmark input:checked ~ span::after { display: block; }

label.checkmark span::after {
  border: solid #FFF;
  border-width: 0 .1875rem .1875rem 0;
  height: .625rem;
  left: .3125rem;
  top: .125rem;
  transform: rotate(45deg);
  width: .375rem;
}

/* CAROUSEL ------------------------------ */
.carousel { padding-bottom: 4em; }
.carousel-indicators { bottom: -2em; }
.carousel-indicators li {
  background-color: #82828F;
  border-radius: 50%;
  height: 1.4375rem;
  opacity: 1;
  padding-left: 0;
  width: 1.4375rem;
}

.carousel-indicators li.active { background-color: #101028; }
.carousel-indicators li::before { display: none; }

/* WRAPS ------------------------------ */
.row-flex {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 0 auto;
  max-width: 100%;
  padding: 0;
  width: 90rem;
  z-index: 2;
}

.row-flex.reverse { flex-direction: row-reverse; }

main.success .row-flex  { width: 100%; }

/* HEADER ------------------------------ */

#skip-nav {
  background: #FAB10F;
  color: #FFF;
  left:0;
  padding: .5rem;
  position:absolute;
  top:-100vh;
  z-index: 10;
}

#skip-nav:focus, #skip-nav:active{ top:0 }

header {background: #FFF;position: relative;z-index: 5;}
header .scroll-header {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 0 1.5rem;
  position: relative;
  z-index: 0;
}

header .scroll-header.fixed {
  background: #FFF;
  box-shadow: 0 1px 1px rgba(0,0,0,0.02), 0 2px 2px rgba(0,0,0,0.02), 0 4px 4px rgba(0,0,0,0.02), 0 8px 8px rgba(0,0,0,0.02), 0 16px 16px rgba(0,0,0,0.02);
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1;
}

header .scroll-header.fixed #nav-menu>ul>li { padding: 1rem 0; }

header .slideout {
  display: flex;
  flex-direction: column-reverse;
  justify-content: flex-end;
  position: relative;
}

#mobile-header {display: none; }
#nav-open, #nav-close { display: none; outline: 0; }

/* LOGO ---------- */
#logo { font-size: 0; position: relative; z-index: 1;}
#logo img { height: auto; width: 21.125rem; }
.scroll-header.fixed #logo img { height: auto; width: 12rem; }

/* ANCILLARY ---------- */
#ancillary {
  align-items: center;
  background: #FFF;
  display: flex;
  padding: 0 2.5rem;
  position: relative;
  width: 100%;
  z-index: 1;
}

#ancillary::after {
  background: #EBEBEB;
  bottom: 1px;
  content: '';
  height: 2px;
  left: 2rem;
  position: absolute;
  right: 2rem;
}

#ancillary.top { position: absolute; top: 0; }

#ancillary::before {
  background: rgba(15, 17, 43, .75);
  content: '';
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 100%;
  width: 100%;
}

#ancillary>ul {display: inline-block;font-size: 0;margin: 0 0 0 auto;padding: 0;}
#ancillary>ul>li { display: inline-block; margin-left: 1.75rem; position: relative; transition: all .3s ease .3s; vertical-align: middle; }

#ancillary>ul>li::before {content: '|';font-size: 1rem;left: -1.25rem;position: absolute;top: 50%;transform: translateY(-50%);}
#ancillary>ul>li:first-of-type::before { display: none; }
#ancillary.expand>ul>li { transition-delay: 0s; }
#ancillary>ul>li>a {color: #767676;display: block;font-size: .875rem;padding: 1.125rem 1rem;}
#ancillary>ul>li:last-of-type a {color: #0F856F;font-size: 1.125rem;}

#ancillary>ul>li:nth-child(1) a { background: url('https://www.buildyourfirm.com/images/new-icons/star.svg') no-repeat left center / 1rem 15rem; padding-left: 1.5rem }
#ancillary>ul>li:nth-child(2) a { background: url('https://www.buildyourfirm.com/images/new-icons/newsletter.svg') no-repeat left center / 1rem 15rem; padding-left: 1.5rem }
#ancillary>ul>li:nth-child(3) a { background: url('https://www.buildyourfirm.com/images/new-icons/blog.svg') no-repeat left center / 1rem 1rem; padding-left: 1.5rem }
#ancillary>ul>li:nth-child(4) a { background: url('https://www.buildyourfirm.com/images/new-icons/articles.svg') no-repeat left center / 1rem 15rem; padding-left: 1.5rem }
#ancillary>ul>li:nth-child(5) a { background: url('https://www.buildyourfirm.com/images/new-icons/video.svg') no-repeat left center / 1rem 1.25rem; padding-left: 1.5rem }
#ancillary>ul>li:nth-child(6) a { background: url('https://www.buildyourfirm.com/images/new-icons/webinar.svg') no-repeat left center / 1rem 1.25rem; padding-left: 1.5rem }
#ancillary>ul>li:nth-child(7) a { background: url('https://www.buildyourfirm.com/images/new-icons/user.svg') no-repeat left center / 1rem .9375rem; padding-left: 1.5rem }
#ancillary>ul>li:nth-child(8) a { background: url('https://www.buildyourfirm.com/images/new-icons/mobile.svg') no-repeat left center / 1rem 1.125rem;padding-left: 1.5rem;}


#ancillary>ul>li.edit>a:not(:hover) { color: #FAB10F; }

/* Phone Number */
#ancillary>ul>li:nth-last-child(2) {margin: 0 0 0 1.75rem;}

#ancillary>ul>li:hover a,#ancillary>ul>li a:focus  {color: #FAB10F;}

#ancillary .e-book { display: inline-block; font-size: 0; transition: all .3s ease .25s; }
#ancillary.expand .e-book { transition-delay: 0s; }
#ancillary .e-book > * { display: inline-block; font-size: .8125rem; margin: 0; }
#ancillary .e-book p { font-style: italic; font-weight: 700; }
#ancillary .e-book span { font-style: normal; margin: 0 0 0 .25rem; }

#ancillary .e-book a {
  border-bottom: 1px solid #0F856F;
  color: #0F102D;
  font-weight: 700;
  margin: 0 0 0 1.75rem;
  padding: 0;
  position: relative;
}

#ancillary .e-book a::before {
  background: url('/images/icons/book-solid.svg') no-repeat center center;
  background-size: .875rem 1rem;
  content: '';
  height: 100%;
  left: -1.25rem;
  position: absolute;
  top: 0;
  width: 1rem;
}

#ancillary .e-book a::after { content: '\203A'; margin: 0 0 0 .25rem; }
#ancillary .e-book a:hover {color: #0F856F;}

/* ANCILLARY SEARCH ---------- */
#search {
  display: inline-block;
  height: 0;
  left: 50%;
  margin: 0;
  max-width: calc(100% - 3rem);
  overflow: hidden;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: all .3s ease 0s;
  vertical-align: middle;
  width: 30rem;
}

#ancillary.expand #search { height: 2.25rem; transition: all .3s ease .2s; }

#search label { margin: 0; opacity: 0; position: absolute; }
#search label.hide { display: none; }
#search #search-bar {
  border: 0;
  border-radius: .125rem;
  background: rgba(15, 17, 43, .1);
  height: 2.25rem;
  outline: 0;
  max-width: 100%;
  padding: .25rem .75rem;
  width: 30rem;
}

#search input[type='submit'] { opacity: 0; position: absolute; }
#close-search { position: absolute; top: -100vh; }

/* Toggle button */
#search-expand {
  background: url('/images/icons/search-solid.svg') no-repeat center center transparent;
  background-size: 1rem 1rem;
  border: 0;
  display: inline-block;
  max-height: 2.75rem;
  outline: 0;
  padding: .625rem 0;
  width: 2.5rem;
}

#search-expand:hover, #search-expand:focus{
  background: url('/images/icons/search-solid-white.svg') no-repeat center center #0F856F;
  background-size: 1rem 1rem;
}

#ancillary.expand #search-expand {
  background-image: url('/images/icons/search-close.svg');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 1.375rem 1.375rem;
}

#ancillary.expand::before { height: 100vh; opacity: 1; pointer-events: all; }
#ancillary.expand .e-book, #ancillary.expand>ul>li { transform: scale(0); }

/* T1 ---------- */
#nav-menu>ul { margin: 0; }
#nav-menu>ul>li { display: inline-block; position: relative; padding: 2.125rem 0; }

#nav-menu>ul>li>a {
  color: #424357;
  display: block;
  font-size: 1rem;
  padding: .5625rem 1.75rem .4375rem;
}

#nav-menu>ul>li:hover>a, #nav-menu>ul>li>a:focus {color: #FAB10F;}

#nav-menu>ul>li:focus>ul, #nav-menu>ul>li:hover>ul {
    opacity: 1;
    visibility: visible;
}

/* T2 ---------- */
#nav-menu>ul>li>ul {
    background: #FFF;
    box-shadow: 0 1px 1px rgba(0,0,0,0.05), 0 2px 2px rgba(0,0,0,0.05), 0 4px 4px rgba(0,0,0,0.05), 0 8px 8px rgba(0,0,0,0.05), 0 16px 16px rgba(0,0,0,0.05);
    left: auto;
    opacity: 0;
    padding: .75rem 0 1rem;
    position: absolute;
    top: 100%;
    white-space: nowrap;
    visibility: hidden;
    width: auto;
}

#nav-menu>ul>li:hover>ul, #nav-menu>ul>li:focus>ul { opacity: 1; visibility: visible; }
#nav-menu>ul>li>ul>li {
    display: block;
    font-size: 15px;
}
#nav-menu>ul>li>ul>li>a { color: #0F112B; display: block; outline: 0; padding: .3235rem 1.5rem; }
#nav-menu>ul>li>ul>li>a:hover { color: #FAB10F; }

/* MEGAMENU / T3---------- */
#nav-menu>ul>li>ul.megamenu {
  background: #FFF;
  columns: 2;
  column-gap: 2rem;
  left: 50%;
  padding: 2rem 2.25rem;
  transform: translateX(-50%);
  transition: none;
  width: 46rem;
  z-index: -1;
}

#nav-menu>ul>li>ul.megamenu>li { display: block; margin: 0 0 1rem; }
#nav-menu>ul>li>ul.megamenu>li:first-child { margin: 0 0 2rem; }
#nav-menu>ul>li>ul.megamenu>li>a { color: #0F102D; font-weight: 700; padding: 0; }
#nav-menu>ul>li>ul.megamenu>li>ul { display: inline-block; padding: 0 0 0 1.25rem; width: 100%; }

#nav-menu>ul>li>ul.megamenu>li>ul>li>a {
  color: #0F102D;
  display: block;
  font-weight: 400;
  line-height: 1.65;
  outline: 0;
  position: relative;
}

#nav-menu>ul>li>ul.megamenu>li>ul>li>a::before {
  content: '-';
  color: #0F112B;
  font-size: 1.25rem;
  height: 1rem;
  position: absolute;
  left: -.875rem;
  top: -.25rem;
  width: 1rem;
}

#nav-menu>ul>li>ul.megamenu a:focus, #nav-menu>ul>li>ul.megamenu a:hover { color: #FAB10F; }
#nav-menu>ul>li.on>a { color: #0F856F; }
#nav-menu>ul>li>ul.megamenu>li.on>a, #nav-menu>ul>li>ul.megamenu>li>ul>li.on>a { color: #FAB10F; }

/* FOOTER ------------------------------ */
body>footer {
  border-top: 2px solid #EEEEEE;
  font-size: 1rem;
  position: relative;
  z-index: 1;
}

body>footer .footer-top { padding: 3rem 1.25rem 4rem; }
body>footer strong {
  color: #424357;
  display: block;
  font-size: 1.5em;
  margin: 0 0 1rem;
}

body>footer .footer-top .col-sm-6:not(:first-of-type) { padding-left: 3vw }

body>footer p { color: #FFF; font-size: 1.125em; margin: 0; }
body>footer .col-text p {margin-top: 2.1825rem;}
body>footer a {color: #63647C;font-size: 1.125em;}
body>footer a:hover, body>footer a:focus{ color: #FAB10F; }

body>footer .footer-bottom { background: #424357; padding: 2rem 1.25rem; }
body>footer #bottom {display: inline-block; margin-left: .1875rem; }
body>footer #bottom a {color: rgba(255,255,255,.6);}
body>footer #bottom a:hover {color: #FFF;}
body>footer #bottom ul { margin: 0; }
body>footer #bottom li { display: inline-block; padding: 0 .25rem; }
body>footer #bottom li::before { color: #6F6F7C; content: '|'; margin: 0 .625rem 0 0; }
body>footer #bottom li:first-of-type::before { display: none; }
body>footer .copyright { display: inline-block; }
.social { max-width: 100%; text-align: center; }
.social li { display: inline-block; }

.social a {
  background: #0F856F;
  border-radius: 50%;
  display: block;
  height: 1.5rem;
  margin: 0 .45rem;
  padding: 1rem;
  position: relative;
  width: 1.5rem;
}

.social svg {
  display: block;
  height: 1rem;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%,-50%);
  width: 1rem;
}

.social a:hover { background: #0F112B; }

.highlight .social {margin-top: 0;text-align: left;}
.highlight .social ul li { padding-left: 0; }
.highlight .social ul li::before { display: none; }

body>footer .footer-bottom .container {
  align-items: center;
  display: flex;
  justify-content: space-between;
  position: relative;
}

body>footer .footer-logo { max-width: 100%; width: 18.75rem; }
body>footer address{
  font-style:normal;
  text-align:center;
}

/* LAZY LOADED VIDEOS ------------------------------ */
.video .text {
  background: #FFF;
  padding: 1.5rem 1rem 1rem;
}

.video {height: 100%;}

.lazy-video {
  background-size: cover;
  margin: 0 0 .75rem;
  padding: 0 0 56.25%;
  position: relative;
}

.lazy-video + figcaption { margin: -.75rem 0 0; }

.lazy-video h2,
.lazy-video h3 {
  color: #FFF;
  position: absolute;
  left: 50%;
  text-align: center;
  top: calc(50% - 3.5rem);
  transform: translate(-50%, -100%);
  width: 100%;
}

.lazy-video::before {
  background: transparent;
  content: '';
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
}

.lazy-video button {
  background: transparent;
  border: 0;
  height: 100%;
  left: 0;
  opacity: 1;
  outline: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}

.lazy-video button::after {
  background: url(/images/icons/play-solid.svg) no-repeat calc(50% + 3px) center rgb(250 177 15 / .8);
  background-size: 1.625rem 1.625rem;
  border-radius: 50%;
  content: '';
  height: 4rem;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%,-50%);
  width: 4rem;
}

.lazy-video iframe {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.lazy-video button:hover::after, .lazy-video button:focus::after,
.lazy-video.gold button:hover::after, .lazy-video.gold button:focus::after {  background-color: #424357; }

/* MODALS ------------------------------ */
.modal {
  background:rgba(15, 17, 43, .75);
  display: none;
  height: 100%;
  left: 0;
  overflow-Y: scroll;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 99;
}

.modal-content {
  background: #e1e1e1;
  left: 50%;
  max-width: calc(100% - 2rem);
  padding: 1rem 1rem 0.25rem;
  position: absolute;
  top: 10rem;
  transform: translateX(-50%);
  width: 50rem;
}

#content .modal-content h2, #content .modal-content h3 { margin-top: 0; }

.close-modal {
  color: #fff;
  cursor: pointer;
  font-size: 3.25rem;
  font-weight: 500;
  line-height: 0;
  left: 0;
  position: absolute;
  top: -1.35rem;
}

.close-modal:hover { color: #FAB10F; }

/* GALLERY ------------------------------ */

#content .gallery h2 {color: #767676;font-size: 1.0625rem;margin: .75rem 0 0rem;text-align: center;}
#content .gallery strong {color: #0F112B;display: block;font-size: 1rem;font-style: normal;font-weight: 400;text-align: center;}
#ajaxresults .gallery .row { margin-left: -2rem; margin-right: -2rem; }
#ajaxresults .gallery .container li { margin-bottom: 2rem;}
#ajaxresults .gallery figure { text-align: center; }
#ajaxresults .gallery .image { overflow: hidden; padding: 0 0 100%; position: relative; width: 100%; }
#ajaxresults .gallery .image img {height: auto; left: 50%;max-width: 100%;position: absolute;top: 0;transform: translate(-50%,0);transform-origin: 0% 0%;width: 100%;}

#ajaxresults .gallery .image .overlay {
  align-items: center;
  background: rgba(15,17,43, .8);
  display: flex;
  color: #FFF;
  font-size: 1.125em;
  flex-direction: row;
  height: 100%;
  justify-content: center;
  left: 0;
  opacity: 0;
  padding: 1.5em;
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%;
}

#ajaxresults .gallery a:hover .overlay,
#ajaxresults .gallery a:focus .overlay {
  opacity: 1;
}

#filters {
    position: sticky;
    overflow: visible;
    top: 100px;
}
#filters strong {color: #FFF;font-size: .9375rem;}
#filters ul {margin: .5rem 0;}
#filters label {color: #FFF;padding-left: 1.5rem;text-indent: 0;}
#filters input { margin-right: .3125rem;}
#filters>ul>li {color: #FFF;font-size: 0.9375rem;margin: 0 0 0.25rem;padding-left: 0;padding-right: 3.25em;}
#filters>ul>li>label {margin: 0 0 .5rem;}
#filters>ul>li>span {
  background: #E8E8E8;
  cursor: pointer;
  display: inline-block;
  height: 1.75rem;
  position: absolute;
  right: .625em;
  top: 0;
  width: 1.75rem;
  z-index: 2;
}
#filters>ul>li:first-of-type { margin-bottom: 1rem;}
#filters>ul>li>ul {overflow: hidden;}
#filters>ul>li>ul>li {font-size: .9375rem;margin: 0;padding-left: .5rem;}
#filters>ul>li:not(.on)>ul { height: 0; }
#filters>ul>li>ul>li.heading { border-bottom: 1px solid #888; font-size: .9375rem; margin: 0 0 1rem;padding: .5rem 0 .25rem; text-align: center;}
#filters>ul>li>ul>li:last-of-type {margin-bottom: .75rem;}

#filters .expand::before, #filters .expand::after {
  background: #666;
  content: '';
  height: .875rem;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%,-50%);
  width: .125rem;
}

#filters .expand:hover { background: #CCCCCC; }
#filters .expand.expanded {background: #424357;}
#filters .expand.expanded::after, #filters .expand.expanded::before { background: #FFF; }
#filters .expand.expanded::before, #filters .expand::after {transform: translate(-50%,-50%) rotate(-90deg); }

main #filters ul li::before { display: none; }

#ajaxresults .gallery a:hover .image img {transform: scale(1.06,1.06) translate(-50%,0);}
.gallery .translate-up:nth-child(4n+2) { transition-delay: .15s; }
.gallery .translate-up:nth-child(4n+3) { transition-delay: .3s; }
.gallery .translate-up:nth-child(4n+4) { transition-delay: .45s; }

#active-filters { display: none; }
#active-filters span { display: inline-block; }
#active-filters ul, #active-filters li { display: inline-block; line-height: 1.5; margin: 0; }
#active-filters li { margin: 0 .5em 0 0 ; padding: 0; }
#active-filters li::before { display: none; }
#active-filters li:not(:last-of-type)::after { content: ', '; }

#content.galleries #ajaxresults { text-align: center; }
#ajaxresults .gallery.categories h2 { margin-top: 2em;}
#content .gallery.categories h2 { color: #0F112B; font-size: 1.5rem; }
#content .gallery.categories h3 {color: #424357;font-size: 1.125rem;line-height: 1.25em;margin: 1.5em 0 0;text-align: center;}

/* SPLIT SECTION ------------------------------ */
.split-wrap {
  background-image: linear-gradient(to bottom, #0F112B 70%, #FFF 30%);
  padding: 6rem 1.25rem;
  position: relative;
}

.split {
  align-items: stretch;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  box-shadow: 0 1px 1px rgba(0,0,0,0.05),  0 2px 2px rgba(0,0,0,0.05),  0 4px 4px rgba(0,0,0,0.05),  0 8px 8px rgba(0,0,0,0.05),  0 16px 16px rgba(0,0,0,0.05);
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 0 auto;
  max-width: 80rem;
  padding: 0;
}

.split .column-bg {
  display: block;
  flex: 1 0 auto;
  width: 50%;
}

.split.bottom { background-position: center bottom; }
.split.top { background-position: center top; }
.split .column-text { background: rgba(255, 255, 255, .88); flex: 1 0 auto; padding: 8rem 1.5rem; width: 50%; }
.split .column-text > div { margin-left: auto; max-width: 50rem; padding: 3vw 5vw; }
.split .column-bg + .column-text > div { margin-left: 0; }

/* COUNTER WIDGET ------------------------------ */
.counters { margin: 1rem 0; }
.counters .translate-up { margin-bottom: 2rem; }

.counters .textbox {
  background-size: cover;
  border-radius: 3px;
  height: 100%;
  padding: 2rem 1.25rem;
  position: relative;
  z-index: 0;
}

.counters .textbox::before {
  background-color: rgba(15, 17, 43, .9);
  border-radius: 3px;
  content: '';
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}

.counters ul {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  justify-content: space-beween;
  text-align: center;
}

.counters .counter {
  color: #FFF;
  font-size: 4rem;
  margin: 0;
  text-shadow: 1px 2px 2px rgba(0,0,0,.125);
}

.counters p { color: #FFF; }
.counters .icon { display: block; height: 2rem; margin: 2.5rem auto 2.25rem; width: 4rem; }
.counters .icon svg path { fill: #FFF; }
.counters .counter { opacity: 0;}
.counters .counter.animated { opacity: 1;}
.counters .translate-up:nth-child(3n+2) { transition-delay: .15s; }
.counters .translate-up:nth-child(3n+3) { transition-delay: .3s; }


/* MINI CALLOUTS ------------------------------ */
.mini-callouts li {
  background: #FFF;
  text-align: center;
  padding: 1rem;
}
.gray-bg .mini-callouts li { background: #F2F2F2; }

.mini-callouts li::before { display: none; }
.mini-callouts li a {
  background: #5E5C80;
  box-shadow: 0 1px 1px rgba(0,0,0,.05), 0 2px 2px rgba(0,0,0,.05), 0 4px 4px rgba(0,0,0,.05), 0 8px 8px rgba(0,0,0,.05), 0 16px 16px rgba(0,0,0,.05);
  padding: 2rem 1.25rem 4rem;
  border: 2px solid transparent;
  display: block;
  height:100%;
}

.reviews.mini-callouts li a { background: #FFF; }
.reviews.mini-callouts li a:hover {  box-shadow: 0 1px 1px rgba(0,0,0,.05), 0 2px 2px rgba(0,0,0,.05), 0 3px 3px rgba(0,0,0,.05) }

.mini-callouts .icon svg { height: auto; width: 100%;}
.mini-callouts .icon svg path {fill: #FFF;}
.mini-callouts p {color: #FFF;margin:0;font-size: 1rem;}
.mini-callouts h3 { color: #FFF; }
.mini-callouts .number,
.mini-callouts .number span {
  font-size: 1.75rem;
  position: relative;
  top: -.125rem;
}

.mini-callouts .icon {
  align-items: flex-end;
  border-radius: 50%;
  display: flex;
  height: 2.75rem;
  margin: 0 auto;
  padding: 0;
  width: 2.75rem;
}


.mini-callouts .icon-bg {
  position: relative;
}

.mini-callouts .icon-bg::before,
.mini-callouts .icon-bg::after {
  border-radius: 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  content: '';
  height: 100%;
  left: 0;
  position: absolute;
  transition: all .3s ease;
  top: 0;
  width: 100%;
}

.mini-callouts .icon-bg::after { opacity: 0; }

.mini-callouts span.more {bottom: 2.75rem;color: #FFF;left: 50%;position: absolute;transform: translateX(-50%);}
.mini-callouts span.more::after {
  content: "\203A";
  display: inline-block;
  margin: 0 0 0 .25em;
}

#content .mini-callouts h2 {color: #FFF;font-size: 1.25rem;font-weight: 500;margin: 1rem 0;}
#content .mini-callouts h2:after {content: "\203A";display: inline-block; margin: 0 0 0 .25em;}
.mini-callouts svg path.fa-secondary { opacity: .4; }

.mini-callouts li a:hover {background: rgba(255,255,255,.9);}
#content .mini-callouts a:hover h2, #content .mini-callouts a:hover span.more, .mini-callouts li a:hover h2, .mini-callouts li a:hover h3, .mini-callouts li a:hover p { color: #0F112B }
.mini-callouts a:hover .icon svg path {fill: #424357;}


.mini-callouts .icon-bg.accounting-marketing::before { background-image: url('/images/icons/accounting-marketing-white.svg'); }
.mini-callouts .icon-bg.art-of-selling::before { background-image: url('/images/icons/art-of-closing-white.svg'); }
.mini-callouts .icon-bg.outsourced-marketing::before { background-image: url('/images/icons/lead-gen-white.svg'); }
.mini-callouts .icon-bg.lead-generation::before { background-image: url('/images/icons/lead-generation-white.svg'); }
.mini-callouts .icon-bg.niche-development::before { background-image: url('/images/icons/niche-development-white.svg'); }

.mini-callouts .icon-bg.seo::before { background-image: url('/images/icons/accounting-marketing-white.svg'); }
.mini-callouts .icon-bg.oacm::before { background-image: url('/images/icons/lead-gen-white.svg'); }
.mini-callouts .icon-bg.accounting-match::before { background-image: url('/images/icons/lead-generation-white.svg'); }

.mini-callouts .icon-bg.accounting-marketing::after { background-image: url('/images/icons/accounting-marketing-icon.svg'); }
.mini-callouts .icon-bg.art-of-selling::after { background-image: url('/images/icons/art-of-closing-icon.svg'); }
.mini-callouts .icon-bg.outsourced-marketing::after { background-image: url('/images/icons/lead-gen-icon.svg'); }
.mini-callouts .icon-bg.lead-generation::after{ background-image: url('/images/icons/lead-generation-icon.svg'); }
.mini-callouts .icon-bg.niche-development::after { background-image: url('/images/icons/niche-development-icon.svg'); }

.mini-callouts .icon-bg.seo::after { background-image: url('/images/icons/accounting-marketing-icon.svg'); }
.mini-callouts .icon-bg.oacm::after { background-image: url('/images/icons/lead-gen-icon.svg'); }
.mini-callouts .icon-bg.accounting-match::after{ background-image: url('/images/icons/lead-generation-icon.svg'); }

.mini-callouts a:hover .icon-bg::before { opacity: 0; }
.mini-callouts a:hover .icon-bg::after { opacity: 1; }


/* ALL FEATURES ------------------------------ */

h3.extra, h3.platinum { position: relative; }
h3.extra::after, h3.platinum::after {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 1.25rem 1.25rem;
  content: '';
  height: 1.25rem;
  left: auto;
  right: auto;
  margin-left: .5rem;
  position: absolute;
  top: .375rem;
  width: 1.25rem;
}

h3.extra::after { background-image: url('/images/icons/cart.svg'); }
h3.platinum::after { background-image: url('/images/icons/trophy.svg'); }

.website-features li::before { top: .375rem; }
.website-features main ul.two-col { margin-top: 0;}

.legend img { height: auto; margin: 0 .125rem 0 0; position: relative; top: -.125rem;width: 1.5rem; }
.legend figure { display: inline-block; }

/* FAQ AND CLIENT REVIEW SECTIONS ------------------------------ */

#content .category-section {border-top: 1px solid #CCC;display: none;margin: 3rem 0 0;padding-top: 2.5rem;}
#content .category-section h2 {margin-top: 0;}
#content .category-section .accordions { margin-top: 1.5rem; }

#generalQuestions.category-section { display: block; }
.client-reviews #outsourcedMarketingProgram.category-section { display: block; }

ul.client-reviews li::before { display: none; }
ul.client-reviews li {border-left: 3px solid #EEE; margin: 3rem 0 0; padding: 0 0 0 1.25rem; }

ul.client-reviews .image {margin: 0 0 1rem;}
ul.client-reviews img {
  border-radius: 50%;
  display: inline-block;
  margin: 0 .5rem 0 0;
  width: 4rem;
}

#content .reviews.mini-callouts h2 {color: #0f112b;font-size: 1.25rem;margin: .5rem 0 1rem;}
.reviews img { height: 4rem; max-width: 100%;mix-blend-mode: multiply;width: auto; }

/* ACCORDION WIDGET ------------------------------ */
.accordions {
  margin: 3rem auto;
  max-width: 100%;
}

.accordions>li  {
  border-bottom: 1px solid #CCC;
  border-radius: 0;
  cursor: pointer;
  margin: 0;
  padding: 1.125rem 4rem 1.125rem 0;
  position: relative;
  width: 100%;
}
.accordions>li:last-child { border: 0; }
.accordions>li::before { display: none; }

.accordions>li::after {
  background: url("/images/icons/arrow-down-solid.svg") no-repeat center center #FAB10F;
  background-size: 1rem 1.15rem;
  border-radius: 50%;
  content: '';
  height: 2.375rem;
  position: absolute;
  right: 1rem;
  top: .75rem;
  width: 2.375rem;
}

.accordions>li button {
  background: 0 0;
  border: 0;
  color: #000;
  font-size: 1.125rem;
  pointer-events: none;
  text-align: left;
}

.accordions>li button:focus { outline: 1px solid #FAB10F; outline-offset: 2px; }
#content .accordions>li h3 { font-size: 1.25rem; margin: 0 0; text-align: left; }

.accordions>li .details { overflow: hidden; }
.accordions>li .details>div { padding-top: 1rem; }
.accordions .button { margin-top: .5rem;}
.accordions>li:focus::after, .accordions>li:hover::after, .accordions>li.expanded::after { background-color: #0F112B; }

.accordions>li.expanded::after { background-color: #0F112B; transform: rotate(180deg);}
hr.faq-hr { margin: 2rem 0 2.25rem;}
h2 + ul.accordions { margin-top: 1rem;}


/* HIGHLIGHT ------------------------------ */
.highlight {
  border: solid 3px #E7E7EA;
  border-radius: 3px;
  margin: 3rem 0;
  padding: 2.5rem 2rem;
}

#content .highlight h2 { margin-top: 0;  }
#content .highlight h3 { margin-top: 0;  }
#content .highlight h2 + h3, #content .highlight ul + h3 {margin-top: 1.5rem;}
#content .highlight h3 + ul { margin: .75rem 0 0;}

.highlight p { margin: 0 auto 1rem; max-width: 100%; }

main .highlight ul { clear: both; margin: 1.25rem 0 .5rem; }

/* #HERO  ------------------------------ */
#hero {
  max-height: 62.5rem;
  min-height: 40rem;
  overflow: hidden;
  padding: 0;
  position: relative;
}

#hero .main-graphic {
    width: 100%;
}

#hero .mobile-graphic {
    display: none;
}

#hero .img-link {
    display: inline-block;
    width: 100%;
    height: fit-content;
    cursor: pointer;
}

#hero .img-link::after {
    content: '';
    display: block;
    width: 100%;
    max-height: 100%;
    left: 0;
    top: 0;
    position: relative;
}

#hero::after { content: ''; display: block; padding: 0 0 0; }

#hero .textbox {
    left: calc(29% + 1rem);
    position: absolute;
    top: 22%;
    width: 38rem;
    text-align: center;
}

#hero .badge-container {
    position: absolute;
    display: flex;
    right: 0;
    bottom: 5%;
    width: 35%;
    flex-wrap: wrap;
    justify-content: center;
}

#hero .badge {
    padding: 10px;
    flex-basis: 30%;
    filter: drop-shadow(2px 4px 6px rgba(0,0,0,0.5));
}

#hero .badge a:hover img {
    transform: scale(1.05);
}

#hero .badge img {
    transition: all 0.2s 0.1s ease-in;
    width: 100%;
}

#hero h1 {
    color: #FFF;
    font-size: 5.25rem;
    line-height: 1.1;
    text-align: center;
}

#hero h1>span { display: table; }

#hero h1>span:first-of-type {
    background: #FAB10F;
    display: inline-block;
    font-size: .5em;
    line-height: 1.3;
    padding: 0 2.5rem;
    text-align: center;
    position: relative;
    text-transform: uppercase;
}

#hero h1>span:last-of-type {
    font-size: .56em;
    position: relative;
    display: inline;
}

#hero .buttons {margin-left: 3.25rem;}
#hero .button { font-size: 1.1875rem; }
#hero .button.outlined { background: #FFF; }
#hero .button.outlined:hover { background: #2C2b41; color: #FFF; }

/* MARKETING  ------------------------------ */

#marketing {
    margin-top: 3rem;
    padding-top: 0;
    text-align: center;
}

#marketing.mini-callouts li { background: transparent; }

.marketing span.bold {
    font-style: normal;
    font-family: inherit;
}

#marketing .icon {
  align-items: flex-end;
  border-radius: 50%;
  display: flex;
  margin: 0 auto 1.5rem;
  padding: 0;
  height: 3rem;
  width: 3rem;
}

#marketing ul {margin: 0 0 2rem;}
#marketing li a {background: rgba(15,17,43,.85);border: transparent;display: block;height: 100%;padding: 3rem 2rem;}
#marketing li a:hover {background-color: rgba(255,255,255,.9);box-shadow: 0 1px 1px rgba(0,0,0,0.03), 0 2px 2px rgba(0,0,0,0.03), 0 4px 4px rgba(0,0,0,0.03), 0 8px 8px rgba(0,0,0,0.03), 0 16px 16px rgba(0,0,0,0.03);}

#marketing p {
  color: #767676;
  max-width: 100%;
  margin: 0 auto 2rem;
  width: 60rem;
}

#marketing.mini-callouts li p {color: rgba(255,255,255,.8);margin: 0 auto;width: 16rem;}
.home #marketing h2, #marketing h3 {color: rgba(255,255,255,.8); font-size: 1.3125rem; font-weight: 500;padding: 0 1.5rem;text-transform: uppercase;}
#marketing a:hover .icon {background: 0 0;}
.home h2#marketing-heading { color: #424357; }

.home #marketing a:hover h2,
#marketing a:hover h3,
#marketing a:hover p {
  color: rgba(15,17,43,.85)
}

#marketing .icon {height: 3rem;position: relative;width: 3rem;}
#marketing .icon img {
  height: auto;
  position: absolute;
  max-width: 100%;
}

#marketing img.hover,
#marketing a:hover img.default { opacity: 0;  }

#marketing a:hover img.hover { opacity: 1;  }

#marketing .translate-up:nth-child(4n+2) { transition-delay: .15s; }
#marketing .translate-up:nth-child(4n+3) { transition-delay: .3s; }
#marketing .translate-up:nth-child(4n+4) { transition-delay: .45s; }

.marketing #posting-strategy h3 {
    color: #0F856F;
    font-size: 1.625rem;
    font-weight: 400;
    font-style: normal;
}

.marketing .bold {
    font-weight: 600;
}

.marketing #posting-strategy .row {
    align-items: center;
    justify-content: space-around;
}

.marketing-video {
    padding: 0.5rem 1rem;
}

.marketing #video-styles h3 {
    font-size: 1.375rem;
}

.arrow-buttons {
    margin: 2rem 0 6rem;
    text-align: center;
}

.arrow-buttons .button>svg {
    top: 11px;
    right: 17px;
    position: absolute;
}

.arrow-buttons .back>svg {
    left: 15px;
}

#main .btn-container.arrow-buttons .button {
    position: relative;
    background: #2C2B41;
    padding: .75rem 2.85rem .75rem 2.5rem;
}

#main .btn-container.arrow-buttons .button:hover {
    background: #0F856F;
}

#main .btn-container.arrow-buttons .button.outlined {
    background: transparent;
    border: 2px solid #2C2B41;
    color: #0F112B;
}

#main .btn-container.arrow-buttons .button.outlined:hover {
    background: #2C2B41;
    color: #FFF;
}


#main .btn-container.arrow-buttons .back {
    padding: .75rem 2.25rem .75rem 3rem;
}


/* HOMEPAGE SPLIT SECTIONS ------------------------------ */

.split-section {
  display: flex;
  font-size: 1rem;
  flex-direction: row;
  overflow: hidden;
  padding: 0;
}

.split-section .col-image {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  width: 50%;
}

.split-section .col-text {
  overflow: hidden;
  padding: 5em 8.25em;
  width: 50%;
}

.split-section .col-text h2 {
  color: #424357;
  font-size: 2.8125em;
  margin: 0 0 3rem;
}

.split-section .carousel-item p {
  color: #767676;
  font-size: 2em;
  font-style: italic;
  margin: 0 0 2.5rem;
  line-height: 1.3;
}

.split-section .carousel-item .button {
  display: table;
  margin: 0 auto 1em;
}

.split-section .icon {
  opacity: .05;
  pointer-events: none;
  position: absolute;
}

/* Customizations ------------------- */

#home-success .icon {
  bottom: -4.25em;
  height: auto;
  right: -7em;
  width: 44.6875em;
}

#home-success .col-text {
  border-top: 2px solid #EEE;
  padding: 5em;
  text-align: center;
}

#home-success .button.outlined {margin-bottom: 1.75em;padding: .5rem 2rem;}

#home-success .cpa {
  left: 1rem;
  position: absolute;
  top: 1.5rem;
}

#home-success .col-image p {color: #FFF; margin: 0;}
#home-success .col-image p.name { font-size: 1.5625em; margin: 0 0 1.75rem; position: relative; }
#home-success .client { font-size: 1.3125em; }
#home-success .year {font-size: 2.6875em;line-height: 1.65;}

#home-success .banner {
  background: rgba(238,190,69,.8);
  bottom: 2.25em;
  color: #424357;
  display: inline-block;
  font-size: 1.75em;
  padding: .75em 1em;
  position: absolute;
}

#home-success p.name::after {
  background: #FFF;
  bottom: -.875rem;
  content: '';
  display: block;
  height: 3px;
  left: 0;
  position: absolute;
  width: 6.75rem
}

/* ------------------------------------ */
#home-websites .icon {
  bottom: .625em;
  right: -16em;
  height: auto;
  width: 41.375em;
}

#home-websites h2 { font-weight: 600; }
#home-websites p { color: #767676; }
#home-websites p.try { font-size: 1.125rem; margin: 0 0 .5rem; text-align: center; }
#home-websites p.try + .button { display: table; margin: 0 auto; }
#home-websites ul { margin-bottom: 2.5em;}

/* ------------------------------------ */
#home-cmib h2 { font-weight: 600; }

#home-cmib .col-text {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  text-align: center;
}

#home-cmib p {color: #767676;font-size: 1.75rem;font-weight: 400;margin: 0 0 5rem;}
#home-cmib .col-image {align-items: center;background: rgba(66,67,87,.12);display: flex;}
#home-cmib .col-image img:not(.icon) {
  display: block;
  height: auto;
  margin: 0 auto;
  max-width: calc(100% - 4rem);
  padding: 3rem 0;
  width: 42.875rem;
}

#home-cmib .icon { bottom: -5.75rem; height: auto; right: -.5rem; width: 36.9375rem; }
#home-cmib .button {padding: .625rem 3.5rem;}

/* HOMEPAGE GALLERY  ------------------------------ */
#homepage-gallery {background: #424357;padding-left: 1.5rem;padding-right: 1.5rem;text-align: center;}
#homepage-gallery h2 { color: #FFF; }
#homepage-gallery p { color: #FFF; font-size: .9375rem; margin: 3rem auto 5rem; max-width: 100%; width: 70.3125rem; }
#homepage-gallery ul + p { font-size: 1.875rem; margin: 2rem auto 2rem; }
#homepage-gallery #ajaxresults .gallery .image { padding: 0 0 66%; }

/* WEBSITES ------------------------------ */
#websites {
  background: #FAFAFA;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

#websites h2 { margin-bottom: 3rem; }

#websites-carousel {padding-right: 2vw;}
#websites-carousel .carousel-indicators {bottom: -2.5rem;margin: 0 auto;padding-right: 3vw;}

#websites-carousel img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}

#websites-carousel p {
  font-size: .9375rem;
  font-style: italic;
  font-weight: 400;
  margin: .75rem 0 0;
  text-align: center;
}

#websites .text {padding-left: 2vw;}

#websites ul { align-items: center; display: flex; flex-flow: row wrap; margin: 2rem 0 0;}
#websites ul>li {margin: 0 0 1.25rem;width: 50%;}
#websites ul>li h3 {color: #0F112B;font-size: 1.0625rem;display: inline-block;margin: 0;}
#websites ul>li>a {align-items: center;display: flex;padding: .25rem 0;}

#websites .icon {margin: 0 .875rem 0 0;display: inline-block;}
#websites .icon img, #websites .icon svg { height:2.25rem; width: 2.25rem;}

#websites svg path {fill: #424357;}
#websites a:hover h3 {color: #FAB10F;}
#websites a:hover svg path {fill: #FAB10F;}

#websites .translate-left { transition-delay: .3s}

.websites #websites-carousel .carousel-indicators { bottom: 2rem;}
.websites #websites-carousel { margin: 0 auto; width: 60rem; }

.cpa-practice-advisor { text-align: right; }
.cpa-practice-advisor a { display: inline-block; }
.cpa-practice-advisor img { max-width: 100%; }
.cpa-practice-advisor a:hover img { transform: translateY(-1.5rem); }

/* VIDEOS ------------------------------ */
#videos { position: relative; text-align: center; }
#videos p { color: #FFF; }
#videos ul {margin: 3rem 0 2rem;}
#videos li h2 {font-size: 1.3125rem;}
#videos .translate-up { margin-bottom: 2rem; }
#videos .translate-up:nth-child(3n+2) { transition-delay: .15s; }
#videos .translate-up:nth-child(3n+3) { transition-delay: .3s; }
#videos .lazy-video + h2, #videos .lazy-video + h3 {color: #424357;margin: 1rem 0 0;}
#videos .button.gold:hover { background: #FAB10F; }

/* VIDEOS (INTERIOR) ------------------------------ */

#videos.interior { background: #F8F8F8; }
#videos.interior h3 { color: #0F112B; }
#videos.interior p { color: #0F112B; }
#videos.interior ul { margin-top: 1.5rem; }

#videos.video-landing {background: transparent; margin-top: -5rem;}

/* TESTIMONIALS ------------------------------ */
#testimonials {
  background-position: center center;
  background-repeat: repeat;
  text-align: center;
}

#testimonials h2 span { display: block; font-size: 1rem; }
#testimonials ul {margin: 0 0 2rem;}
#testimonials .translate-up {margin-bottom: 2rem;}
#testimonials .translate-up:nth-child(3n+2) { transition-delay: .15s; }
#testimonials .translate-up:nth-child(3n+3) { transition-delay: .3s; }
#testimonials .lazy-bg + h2 { margin: 1rem 0 0;}

/* HOME CTAs  ------------------------------ */
.home-cta {background: #0F856F;font-size: 1rem;position: relative;padding: 3em 1.5rem;}
.home-cta .container { max-width: 90.5rem}
.home-cta p {color: #FFF;font-size: 2em;line-height: 1.55;margin: .5em 0 2rem;font-weight: 500;}
.home-cta p>a {color: #111029;}
.home-cta p>a:hover {color: #FAB10F;}

.home-cta .button.outlined {border-color: #FFF;color: #FFF;font-size: 1.3125rem;white-space: nowrap;}
.home-cta .button.outlined:hover {border-color: #2C2B41;}

.home-cta::after {
  content: '';
  height: 100%;
  left: 0;
  opacity: .1;
  position: absolute;
  pointer-events: none;
  top: 0;
  width: 100%;
}

#home-cta-1::after {
  background: url('/images/icons/monitor-icon.svg') no-repeat 2rem calc(100% - 2.25rem);
  background-size: 25em 18.9375em;
}

#home-cta-2::after {
  background: url('/images/home/split-section-icon-1.svg') no-repeat right calc(100% + 2.5rem);
  background-size: auto 111%;
}

/* BLOG ------------------------------ */
#blog { background: #FFF; position: relative; text-align: center; }
#blog article { margin: 0 0 3rem; }
#blog .blog {background: #FFF;}
#blog .image-wrap { overflow: hidden; padding: 0 0 65%; position: relative; transition: all .5s ease; }

#blog .image-wrap img {
  height: auto;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%,-50%);
  transition: transform .5s ease;
  width: calc(100% + .25rem);
}

#blog article .text-wrap {padding: 0 0 2rem;text-align: left;}
#blog time { color: #0F112B; display: none; font-size: 1rem; margin: 0 0 .25rem; }
#blog article a h2, #blog article a h3 {color: #000;font-size: 1.25rem;font-weight: 500;margin: 1rem 0 2.5rem;  position: relative;}

#blog article a h2::after, #blog article a h3::after {
  background: #424357;
  bottom: -1.25rem;
  content: '';
  height: 4px;
  left: 0;
  max-width: 50%;
  position: absolute;
  width: 12rem;
}

#blog .blog-category { color: rgba(15, 17, 43, .75); font-size: .9375rem; margin: 0 0 1rem; }
#blog .blog-category span:not(:last-of-type)::after { content: ', '; }

#blog article a {display: block;height: 100%;text-align: left;}
#blog article p {font-size: 1rem;margin: 0;}

#blog article .read-more {
  color: #0F856F;
  display: inline-block;
  padding-right: .75rem;
  position: relative;
  white-space: nowrap;
}

#blog article .read-more::after {
  content: ' \00BB';
  font-size: 1.25rem;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

#blog article a:hover .image-wrap img { transform: translate(-50%,-50%) scale(1.08,1.08); }
#blog article a:hover h2, #blog article a:hover h3 {color: #FAB10F;}

#blog article .read-more:hover {color: #FAB10F;}

#blog button {
  background: transparent;
  border: 0;
  margin-right: auto;
  float: left;
  outline: 0;
  padding: 1rem 2rem;
}

#blog button svg { display: none; left: -.75rem; position: relative;  width: 1.25rem; }
#blog button svg path { fill: #BBB; opacity: .25; }
#blog button:hover svg path { fill: #333; }

#blog .translate-up:nth-child(3n+2) { transition-delay: .15s; }
#blog .translate-up:nth-child(3n+3) { transition-delay: .3s; }

.chatgpt #blog h3 {
    color: #c54a44;
    font-weight: 600;
    margin: 1rem 0 2.75rem;
}

.chatgpt #blog article p {
    font-size: 0.925rem;
    padding-right: 15px;
    font-weight: 600;
    color: #424242;
}

.chatgpt #blog article a h3::after {
    bottom: -1.5rem;
}

.chatgpt #blog h2 {
    color: #0F112B;
    font-size: 2.25rem;
    margin-bottom: 0;
}

.chatgpt #blog .subtitle {
    font-size: 2rem;
    margin-bottom: 0.5rem;
}

.chatgpt #blog .image-wrap {
    max-height: 200px;
    padding: 0 0 54%;
    margin-bottom: 2rem;
}

.chatgpt main.fullwidth #content {
    padding: 1.5rem 1.5rem;
}

.chatgpt #blog article {
    margin: 0 0 1rem;
}

.chatgpt #blog article .text-wrap {padding: 0;text-align: left;}


/* BLOG LANDING PAGE ------------------------------ */
#category-filter { text-align: center; }
#category-filter ul {margin-top: 0;}
#category-filter li { display: inline-block; margin: 0 0 .25rem; padding: .25rem 1rem; font-size: .875rem; }
#category-filter li a { color: #0F112B; }
#category-filter li:hover a, #category-filter li:focus a, #category-filter li.on a { color: #FAB10F; position: relative; }

#category-filter li.on {
  background-image: url("/images/icons/angle-down-select.svg");
  background-position: 100% 50%;
  background-repeat: no-repeat;
  background-size: .875rem 1.4375rem;
  padding-right: 1.125rem;
}

#category-filter li::before { display: none; }
#sidenav ul.blog-filter { background: rgba(0,0,0,0.05); margin: 1rem 0 0; padding: .75rem 1rem .25rem; }
#sidenav ul.blog-filter label.checkmark { padding-left: 1.5rem; }
#sidenav>ul.blog-filter>li { font-size: 0; margin: 0 0 .5rem; padding: 0 0 0 .5rem; }
#sidenav>ul.blog-filter>li>a { display: block; }
#sidenav>ul.blog-filter>li>a::before {
  background: none;
  color: #9f9f9f;
  content: '-';
  font-size: 1.25rem;
  position: absolute;
  left: -.3125rem;
  top: -0.35rem;
}
#sidenav b { color: #FFF; }

/* BLOG SINGLE ARTICLE ------------------------------ */
span.spacer {font-size: .875rem;margin: 0 .25rem;position: relative;top: -2px;}
.blog-single h1 { margin-bottom: .5rem;}
.blog-category {display: inline-block;font-size: .9375rem;}
.blog-category span:not(:first-of-type) { margin-left: .0625rem; }
.blog-category span:not(:last-of-type)::after { content: ","; }
.blog-single .image-wrap {float: left;margin: 1em 2rem .125rem 0;max-width: 50%;width: 18.75rem;}
.blog-single .image-wrap img { margin: 0 0 2rem; max-width: 100%; }
.blog-body {margin-top: 1.75rem; }
p.author { display: inline-block; margin: 0;}

article.blog-single { padding-bottom: 4rem; }

.blog-bio { display: flex; margin-bottom: 2rem; }
.blog-bio .bio-image { margin: 0 1.5em 0 0; max-width: 10em; }
.blog-bio .bio-image img { height: auto; width: 100%; }
.blog-bio .bio-textbox { margin: 0; }
.blog-bio .bio-textbox .author { display: inline-block; margin: 0 0 .25rem 0;}
.blog-bio .bio-textbox>b.username {
  border-bottom: 1px solid #DDD;
  display: block;
  font-size: 1.0625rem;
  margin: 0 0 .5em;
  padding: 0 0 .5em;
}

/* PODCASTS ------------------------------ */
.podcasts-index ul { margin: 0; }
.podcasts-index ul li { border-bottom: 1px solid #DDD; margin: 0 0 1rem; padding: 1.5rem 1.5rem 1rem; }
.podcasts-index ul li:last-of-type { border: 0; }
.podcasts-index ul li::before { display: none; }
.podcasts-index time, .podcasts-index .blog-category span { color: #0F112B; font-size: .9375rem;}
#content.podcasts-index ul h2 { color: #424357; font-size: 1.25rem; margin: 0rem 0 .5rem; }

.podcast-cover {float: left;margin: 0 1.5rem 1.5rem 0; position: relative; width: 8rem;}
.podcast-cover img { width: 100%; }

.article-cover {float: left;margin: 0 1.5rem 1.5rem 0; position: relative; width: 8rem;}
.article-cover img { width: 100%; }
.podcasts-index a { display: inline-block; }

#content.podcasts-index ul h2 { text-align: left; }

a .podcast-cover::after {
  background-color: rgba(250, 177, 15, .65);
  background-image: url("/images/icons/play-solid.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 2.25rem 2.25rem;
  height: 100%;
  content: '';
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}

.podcasts-index .brief { margin-top: .5rem;}
.podcasts time { color: #0F112B; display: inline-block; margin: 0 0 1.5rem;}
.podcast-iframe { margin-top: 3rem;}

a:hover .podcast-cover::after { opacity: 1; }
.podcast-single .podcast-cover { width: 10rem;}

#content.podcasts-index ul a:hover h2 {color: #FAB10F; }

/* SERVICES ------------------------------ */
#services .service {
  display: flex;
  flex-direction: row;
  margin: 0 0 1rem;
}

#services .icon { flex: 1 0 auto; width: 2.5rem; }
#services .text { padding-left: 1.5rem; }

/* INTRO ------------------------------ */
#intro {
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  padding: 2rem 1.5rem 12rem;
  position: relative;
}
#intro.testimonials { padding: 6rem 1.5rem; }

#intro.about {background-image: url("/uploads/header-about.jpg");background-position: center 46%;padding: 2rem 1.5rem 4rem;z-index: 1;}
#intro.marketing { background-image: url("/uploads/marketing-main.jpg"); }
#intro.websites {background-image: url("/images/banners/websites-pageheader.jpg");padding: 2rem 1.5rem 16rem;}
#intro.videos {background-image: url("/uploads/header-videos.jpg");background-position: center 75%;}
#intro.videos::after {
  background: rgba(255, 255, 255, .5);
  content: '';
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}

#intro::after {
  background: #FFF;
  content: '';
  display: none;
  height: 100%;
  opacity: .85;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: -1;
}

#intro h1 {font-size: 2.25rem;line-height: 1;margin-bottom: 3rem;}
#intro h1>span {color: #424357;font-size: 1em;}

#intro .graphic {
  display: block;
  margin: 0 auto 0 auto;
  max-width: 100%;
  width: 25rem;
}

.scroll-link {
  background: url('/images/icons/arrow-down-solid.svg') no-repeat center center #0F112B;
  background-size: 1.5rem 1.5rem;
  border: 4px solid rgba(255, 255, 255, .75);
  border-radius: 50%;
  display: inline-block;
  height: 3.25rem;
  left: 50%;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  transform: translate(-50%,-50%);
  width: 3.25rem;
  z-index: 4;
}

.scroll-link:hover { background-color: #FAB10F; }

/* GALLERY PREVIEW ------------------------------ */
#gallery-preview { background: #FBFBFB; text-align: center; }
#gallery-preview #websites-carousel { padding: 0; margin: 0 auto 4.5rem; max-width: 100%; width: 50rem;}
#websites-carousel .carousel-indicators { padding: 0; }

/* CALL TO ACTION ------------------------------ */
#cta {
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover;
  height: 55vw;
  padding: 6rem 1.5rem;
  position: relative;
}

#cta .container { border-radius: 3px; text-align: center; }
#cta p.clamped { width: 45rem; }

/* SMALL CTA ------------------------------ */
aside.cta {background: #0F856F;border-radius: 3px;margin: 2rem 0;padding: 2.5rem 1.5rem;text-align: center;}
aside.cta {margin: 0;text-align: center;overflow: hidden;padding: 3.5rem 1.5rem;position: relative;z-index: 1;}
aside.cta h2 {font-size: 3rem;margin: 0 auto 1rem;max-width: 50rem;}
aside.cta h2, aside.cta h2 span {color: #EEE;line-height: 1;}
aside.cta h2 span {display: block;font-size: 1.75rem;font-style: normal;margin: .5em 0 0;}
aside.cta p {color: #EEE;font-size: 1.25rem;margin: 0 auto 1rem;max-width: 50rem;}
aside.cta .button {background: transparent;border: 2px solid #FFF;border-radius: 2.25rem;min-width: 10rem;padding: .875rem 1.25rem;text-align: center;margin-top: 1rem;}
aside.cta .button:hover { background: #FFF; color: #0F856F; }

/* TIMELINE ------------------------------ */
#timeline {
  background: url("/images/backgrounds/blog.jpg") no-repeat center center #0F112B;
  background-attachment: fixed;
  padding: 0 1.5rem 3rem;
  z-index: 0;
}

#timeline::before {
  background: #FFFFFF;
  content: '';
  height: 77%;
  left: 50%;
  position: fixed;
  top: 0;
  transform: translateX(-50%);
  width: 2px;
}

#timeline .container {max-width: 100%;width: 65rem;}

#timeline .mask {
  background: url("/images/backgrounds/blog.jpg") no-repeat center center #0F112B;
  background-attachment: fixed;
  padding: 5rem 0 3rem;
  position: relative;
}

#timeline h2 {color: #FFF;font-family: 'Montserrat', sans-serif;font-weight: 800;text-align: center;}
#timeline h3 {color: #424357;font-size: 1.875rem;margin: 0 0 .5rem;}

#timeline .year {
  display: flex;
  flex-direction: column;
  margin: 0 0 2rem;
  position: relative;
  transition: all .75s ease;
  opacity: 0;
}

#timeline .year.show:nth-child(odd), #timeline .year.show:nth-child(even) { opacity: 1 }

#timeline .year::after {
  background: #FAB10F;
  border: 1px solid #0F112B;
  border-radius: 50%;
  content: '';
  display: block;
  height: 1.375rem;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%,-50%) scale(0,0);
  transition: all .5s ease;
  width: 1.375rem;
}

#timeline .year.show::after { transform: translate(-50%,-50%) scale(1,1) }

#timeline .textbox {
  background: #FFF;
  box-shadow: 0 1px 1px rgba(0,0,0,0.2),
  0 2px 2px rgba(0,0,0,0.2),
  0 4px 4px rgba(0,0,0,0.2),
  0 8px 8px rgba(0,0,0,0.2),
  0 16px 16px rgba(0,0,0,0.2);
  transition: all .3s ease;
  padding: 1.5rem;
  position: relative;
  width: 45%;
  z-index: 1;
}

#timeline .textbox h2 { color: #F7A800; font-size: 2rem; font-weight: 900; margin: 0 0 .25rem; }
#timeline .textbox p {color: #101820;margin: 0 0 .5rem;}
#timeline .year:nth-child(odd) .textbox { left: calc(5% - 2.5rem); }
#timeline .year:nth-child(even) .textbox { left: calc(50% + 2.5rem); }

#timeline .year:nth-child(odd) .textbox::after, #timeline .year:nth-child(even) .textbox::after {
  content: '';
  display: block;
  height: 0;
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -o-transition: all .5s ease;
  transition: all .5s ease;
  width: 0;
  z-index: -1;
}

#timeline .year:nth-child(odd) .textbox::after {
  border-color: transparent transparent transparent #FFF8EB;
  border-style: solid;
  border-width: 11px 0 11px 16px;
  left: -webkit-calc(100% - 3rem);
  left: calc(100% - 3rem);
}

#timeline .year:nth-child(even) .textbox::after {
  border-color: transparent #FFF8EB transparent transparent;
  border-style: solid;
  border-width: 11px 16px 11px 0;
  right: -webkit-calc(100% - 3rem);
  right: calc(100% - 3rem);
}

#timeline .year.show:nth-child(odd) .textbox::after { left: 100%; opacity: 1; }
#timeline .year.show:nth-child(even) .textbox::after { right: 100%; opacity: 1; }

/* BIOS ------------------------------ */
#bios { text-align: center; }
#bios .row-flex {justify-content: center;margin: 0 auto 3rem;}

#bios li {margin: 1rem 1rem;text-align: center;}
#bios li h3 { margin: 0 0 .5rem;}
#bios li p { font-size: 1rem; line-height: 1.5;  }
#bios li img { margin: 0 0 1rem; width: 100%; }

#bios .row-1 li {width: 22rem;}
#bios .row-2 {display: flex;flex-direction: row;justify-content: center;margin: 0 auto;max-width: 100%;width: 68rem;}
#bios .row-2 .row-flex { width: auto; }
#bios .row-2 li, #bios .row-3 li { width: 15rem; }
#bios .row-3 { margin-bottom: 0; }

#bios a:hover h3 {color: #FAB10F;}

#bios .row-2>div:nth-of-type(1) {
  width: 75%;
}

#bios .row-2>div:nth-of-type(2) {
  width: 25%;
}

/* TEAM ------------------------------ */
#team-nav { overflow: auto; margin: 0 0 2rem; width: 100%; }
#team-nav a { color: #0F112B; float: left; font-size: .9375rem; }
#team-nav a.next { float: right; }
#team-nav svg { position: relative; top: -.125rem; width: 2rem; }
#team-nav a.prev svg {margin: .125rem .625rem 0 0;}
#team-nav a.next svg {margin: .125rem 0 0 .625rem;}
#team-nav a.prev svg { transform: rotate(180deg); }
#team-nav a:hover { color: #FAB10F; }
#team-nav a:hover svg path { fill: #FAB10F; }

#sidenav>ul#sidebar-team { background: rgba(0,0,0,0.05); margin: 0 0 1.5rem; padding: 1rem 1rem 1rem; }
#sidenav>ul#sidebar-team>li>a { display: block; }
#sidenav>ul#sidebar-team>li a::before { margin: 0 .25rem 0 0; content: '-'; }

.bio h1 {font-size: 1.625rem;margin: 0 0 .25rem;}
.bio p.intro { color: #424357; }
.bio-photo { vertical-align: top; width: 15rem; }
.bio-text { float: right; width: calc(100% - 17rem); }

/* VIDEO-LIBRARY ------------------------------ */
#video-library .row {padding: 1.5rem 1rem 2.5rem;}
#video-library .row:nth-of-type(even) { background: #F6F6F6; }
#video-library .row h2 { margin: .5rem 0 1rem; }

/* HOSTING ------------------------------ */
#hosting { margin: 0 0 2rem;}
#hosting thead th { background: #DCE0E1; font-size: 1.25rem; padding-bottom: .5rem; }
#hosting span.popular {color: #FAB10F;font-weight: 600;font-size: .9375rem;}
#hosting span.popular::before { content: '*'; font-size: 1.5rem; position: relative; top: .375rem; }
#hosting tbody span.popular { margin-left: .25rem}
#hosting thead tr th:nth-child(3) { padding-top: .5rem; }
#hosting thead tr th:nth-child(3) span.popular { display: block; margin-top:-1rem;}
#hosting tbody { font-size: 1rem;}
#hosting tbody tr:nth-child(odd) td { background: #FFF; }
#hosting td { padding: .5rem 1rem; }
#hosting tr td:first-child { text-align: left; }

#hosting.essential thead th { font-size: 1rem; }
#hosting.essential span.popular { font-size: .875rem; }
#hosting.essential span.popular::before { font-size: 1.25rem; }
#hosting.essential tbody { font-size: .875rem;}

/* Column 3 */
#hosting tbody tr td:nth-child(2), #hosting thead tr th:nth-child(2) { border-right: 1px solid rgba(0, 117, 219, .35); }
#hosting tbody tr td:nth-child(3), #hosting thead tr th:nth-child(3) {background: rgba(0, 117, 219, .1);border-color: rgba(0, 117, 219, .35);border-width: 2px;}


/* Gray heading rows */
#hosting .heading-row td,  #hosting tbody tr.heading-row:nth-child(odd) td, #hosting tbody tr.heading-row td:nth-child(3)  { background: #DCE0E1; }

#hosting thead th, #hosting tbody td {  border: 1px solid #DCE0E1 }

#hosting span.cancel { background-image: url('/images/icons/cancel-gray.svg'); }

#hosting a.modal-trigger span {
  background: url('/images/icons/info-circle.svg') no-repeat center center;
  background-size: cover;
  display: inline-block;
  height: 1.125rem;
  margin: 0 0 0 .2rem;
  position: relative;
  top: -.125rem;
  vertical-align: middle;
  width: 1.125rem;
}

#hosting a:hover span.more-info { background-image:  url('/images/icons/info-circle-hover.svg'); }

/* WEBSITE TOOLS ------------------------------ */

#content section.tool {
  align-items: flex-start;
  display: flex;
  padding: 3rem 2rem 1rem 0;
}

#content section.tool:nth-child(odd) { background: #F6F6F6; }
#content section.tool img { margin: 0 1.5rem 0; }

#roadmap { position: relative; }
#roadmap img { width: 100%; }
#roadmap-overlay {
  background: rgba(2, 3, 45, .65);
  left: 0;
  padding: .8vw 0;
  position: absolute;
  top: 0;
  right: 0;
}

#roadmap-overlay .header-logo {
  float: left;
  height: auto;
  margin: 0 1rem;
  width: 2.5rem;
}

#roadmap-overlay h1 {
  color: #FFF;
  font-family: 'Open Sans', sans-serif;
  font-size: 1.58rem;
  font-weight: 600;
  margin: 0;
  padding-left: 10px;
  position: relative;
  text-align: left;
  top: 2px;
}

#roadmap-overlay h1 > .success {
  color: #FFC100;
  font-weight: 700;
  position: relative;
}

#roadmap-header .roadmap-header { width: 100%; }

/* LOGO LIBRARY ------------------------------ */
#logo-library { align-items: center; margin: 1rem 0 3rem; }
#logo-library span { display: inline-block; margin: 0 0 1rem; }
#logo-library li { margin-bottom: 3rem; text-align: center; }
#logo-library li::before { display: none;  }
#logo-library img {margin: 0 auto;max-width: 100%;width: 16rem;}

#logos { display: flex; flex-flow: row wrap; justify-content: flex-start; }
#logos .logo { display: inline-block; margin: 0 0 1.5rem; max-width: calc(50% - .5rem); width: 15rem; }
#logos .logo img { width: 100%; }
#custom-logos img { height: auto; width: 100%;}

.modal-content .button {margin: 1.25rem auto 0 auto;}

/* T1 CALLOUTS ------------------------------ */
#t1-callouts { padding: 5.5rem 1.5rem 6rem; margin-top: -12rem; }
.websites #t1-callouts { padding: 0 1.5rem 6rem; }
#t1-callouts .translate-up { margin: 0 0 1rem; }
#t1-callouts svg { margin: 0 0 1.5rem; width: 2.5rem; }
#t1-callouts path {fill: #FFF;}

#t1-callouts .callout {
  background: rgba(94,92,128,.9);
  box-shadow: 0 1px 1px rgba(0,0,0,0.05), 0 2px 2px rgba(0,0,0,0.05), 0 4px 4px rgba(0,0,0,0.05), 0 8px 8px rgba(0,0,0,0.05), 0 16px 16px rgba(0,0,0,0.05);
  height: 100%;
  padding: 3rem 2rem 2rem;
  text-align: center;
}

#t1-callouts h2 {color: #FFF;font-size: 1.25rem;min-height: 3.5rem;}
#t1-callouts p { color: #FFF; }
#t1-callouts a:hover .callout {background: rgba(255,255,255,.9);}
#t1-callouts a:hover h2, #t1-callouts a:hover p { color: #5E5C80; }
#t1-callouts a:hover svg path { fill: #5E5C80; }

#t1-callouts .translate-up:nth-child(4n+2) { transition-delay: .15s; }
#t1-callouts .translate-up:nth-child(4n+3) { transition-delay: .3s; }
#t1-callouts .translate-up:nth-child(4n+4) { transition-delay: .45s; }

/* INDIVIDUAL PAGES ------------------------------ */

/* Niche Marketing ------ */
.highlight.niche-links {background: #FFF;}
.highlight.niche-links .row-flex .half { width: calc(50% - 3em); }
.highlight.niche-links h3 { margin: 0 0 1.5em; }
.highlight.niche-links a { color: #0f856f ; }
.highlight.niche-links a:hover { color: #FAB10F; }
.highlight.niche-links li {
    margin: 0 auto 1rem;
    max-width: 229px;
}
.highlight.niche-links h3 { text-align: center; }


/* WEBSITE TYPES ------------------------------ */

#content #website-types { padding: 3rem 0 0; }

#website-types .type {
  background: #FAFAFA;
  border-radius: 10px;
  height: 100%;
}

#website-types .header {
  background: #0F112B;
  border-radius: 10px 10px 0 0;
  margin: 0 0 3.5rem;
  padding: 1.625rem 1rem 1rem;
  position: relative;
  text-align: center;
}

#website-types .header::after {
  background: #0F112B;
  clip-path: polygon(0 0, 100% 0, 100% .25rem, 50% 60%, 0 .25rem);
  content: '';
  left: 0;
  height: 4rem;
  position: absolute;
  top: calc(100% - .25rem);
  width: 100%;
}

#website-types ul { margin: .5rem 0 0; }
#website-types .button {margin: 1rem 0 0;}
#website-types .translate-up { margin: 0 auto 2.5rem;}
#website-types h3 { color: #FFF; margin: 0 0 .5rem; }
#website-types .header p { color: #FFF; margin: 0; }
#website-types .info { padding: 0 1.5rem 1.5rem; }
#website-types .info>div { border-top: 1px solid #CCC; padding: 1.25rem 0; }
#website-types .info b { display: inline-block; margin: 0 0 .25rem; }
#website-types .info p { margin: 0; }
#website-types .info p + p { margin: .5rem 0 0; }
#website-types .info>div:nth-of-type(1) {min-height: 14.5rem;}
#website-types .info>div:nth-of-type(2) { min-height: 13.125rem; }
#website-types img { display: block; margin: 0 auto 1rem; width: 100%; }

#website-types .translate-up:nth-child(3n+1) .header, #website-types .translate-up:nth-child(3n+1) .header::after { background: #0F112B; }
#website-types .translate-up:nth-child(3n+3) .header, #website-types .translate-up:nth-child(3n+3) .header::after { background: #FAB10F; }
#website-types .translate-up:nth-child(3n+2) .header, #website-types .translate-up:nth-child(3n+2) .header::after {background: #0F856F; }

#website-types .translate-up:nth-child(3n+2) { transition-delay: .15s; }
#website-types .translate-up:nth-child(3n+3) { transition-delay: .3s; }


/* SUCCESS INSERT ------------------------------ */

#success-insert {background: #424357;padding: 3rem 1rem;}
#success-insert.blue-bg { background: transparent; }
#success-insert h2 { color: #FFF; font-size: 2.5rem; margin: 0 0 2.5rem; text-align: center; }
#success-insert img { max-width: 100%; width: 28.125rem; }

#success-insert .journal {
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 1.5625rem 0 0;
}

#success-insert .journal span {
  color: #FFF;
  display: inline-block;
  font-size: 1.25rem;
  font-style: italic;
  margin-right: 0.9375rem;
}

#success-insert .journal img { display: inline-block; max-width: 100%; padding-right: 0; width: 16.25rem; }

/* SUCCESS STORY PAGES ------------------------------ */
main.success #page-banner { display: none; }

.success-story .container {max-width: 1170px;}
.success-story img { max-width: 100%; }

.outsourced-marketing-success-stories #content {
    padding: 0 2rem 0 2rem;
}

#content #success-cpa {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
  padding: 0;
  position: relative;
  z-index: 0;
}

#success-cpa::after {
  background: rgba(255, 255, 255, .35);
  content: '';
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}

#success-cpa.delerme { background-image: url("/images/success/delerme/skyline.jpg"); }
#success-cpa.gheen { background-image: url("/images/success/gheen/skyline.jpg"); }
#success-cpa.manoloff { background-image: url("/images/success/manoloff/skyline.jpg"); }
#success-cpa.siebert { background-image: url("/uploads/siebert-skyline.jpg"); }

#success-cpa.matheney {
    background-image: url("/images/success/matheney/matheney-omp_skyline only.jpg");
}
#success-cpa.lillmars { background-image: url("/uploads/skyline.webp");}

#success-cpa.matheney figure,
#success-cpa.lillmars figure {
    margin: 0;
    width: 500px;
    text-align: center;
    height: 500px;
}

#success-cpa.matheney .cpa-photo,
#success-cpa.lillmars .cpa-photo {
    height: auto;
    position: relative;
    width: 350px;
    z-index: 1;
    top: 11%;
}

@media screen and (max-width: 991px){
    #success-cpa.matheney figure,
    #success-cpa.lillmars figure {
        width: auto;
        height: auto;
    }
}

#success-cpa.matheney::after {
  background: transparent;
}

#success-story.matheney ul {
    display: block;
    margin-inline-start: 40px;
    list-style: disc;
    margin-block: 2rem;
}

#success-story.matheney li {
    font-size: 1.25rem;
    margin-bottom: 0.75rem;
    position: relative;
    padding: 0 0 0 0;
}

#success-cpa .wrap {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  margin: 0 auto;
  max-width: 100%;
  width: 1610px;
}

#success-cpa .text { position: relative; z-index: 1; }
#success-cpa .cpa { background: rgba(250, 177, 15, .75); padding: .5rem 1.5rem .5rem .75rem; position: relative;}
#success-cpa .cpa::before {
  background: rgba(250, 177, 15, .75);
  content: '';
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transform: translateX(-100%);
  width: 3rem;
}

#success-cpa .cpa::after {
  background: rgba(250, 177, 15, .75);
  content: '';
  height: 100%;
  left: 100%;
  position: absolute;
  top: 0;
  width: 100vw;
}

#success-cpa figure {margin: 0;text-align: center;}
#success-cpa .cpa-photo { height: auto; position: relative;	width: 538px;	z-index: 1; }
#success-cpa .byf-graphic { height: auto; opacity: .2; position: absolute; right: 0; max-width: 25rem; width: 75vw; z-index: 2;}
#success-cpa .cpa h1 {font-size: 4.625rem;margin: 0;text-align: left;}
#success-cpa .cpa h1>span { font-weight: 400; }
#success-cpa .cpa p {letter-spacing: 0.125rem;font-size: 2.8125rem;margin: 0;text-transform: uppercase;}
#success-cpa .program {	background: #0F112B; display: inline-block; margin: 0 .75rem 2.5rem .75rem; }
#success-cpa .program p {	color: #FFF; font-size: 1.625rem; margin: 0; padding: 1.125rem 3.125rem; }
#success-cpa .quote {	padding-right: .75rem; }
#success-cpa .quote p { color: #000;font-size: 1.625rem; font-style: italic; font-weight: 600; 	margin: 0 0 0 .75rem; }

/* SUCCESS STORIES - STORY ------------------------------------ */
#success-story { padding: 50px 0 0; }
#success-story .row { display: block; }
#success-story .results {float: right;height: auto;margin: 0 0 1.875rem 2.5rem;max-width: 100%;width: 24.375rem;}
#success-story h2 {	color: #2B5A86;	font-weight: 600;	text-align: left; }
#success-story p { font-size: 1.3125rem; line-height: 1.5; margin: 0 0 1.25rem; text-align: left;}

#success-story .icon {
  background: url('/images/success/byf-bars.jpg') no-repeat right 75%;
  background-size: 1.75rem 1.5rem;
  display: inline-block;
  padding-right: 3.25rem;
  white-space: nowrap;
}

#success-story ul {
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  margin: 5.625rem 0 0;
}
#success-story ul li::before { display: none; }
#success-story li {font-size: .875rem;height: 100%;margin: 0 0.9375rem 1.875rem 0;padding: 0;position: relative;}
#success-story li img {display: block;margin: 0 auto 0.9375rem 0;}
#success-story ul li img { max-width: 100%; }

#success-story ul.gheen li:nth-child(1) img { width: 17.3125rem;}
#success-story ul.gheen li:nth-child(2) img { width: 24.875rem; }
#success-story ul.delerme li:nth-child(1) img {width: 20.3125rem; }
#success-story ul.delerme li:nth-child(2) img { width: 20.3125rem; }
#success-story ul.manoloff li:nth-child(1) img {width: 20.3125rem; }
#success-story ul.manoloff li:nth-child(2) img { width: 20.3125rem; }

#success-story ul li:last-of-type  { margin: 0 0 0 auto; }
#success-story li p { font-size: 1rem; margin: 1.25rem 0 1.25rem; }
#success-story ul li:last-of-type img {	position: absolute;	right: 0;	top: 0;	transform: translateY(-100%); }

/* SUCCESS STORIES - CALL TO ACTION ------------------------------------ */

.success-story .section_heading { background: #0F112B; padding:3rem 1.5rem; text-align: center; }
#content .success-story .section_heading h2 { color: #FFF; font-size: 3.5rem; font-weight: 500; margin: 0;  }
.success-story .section_heading p { color: #FFF; font-size: 2.125rem; letter-spacing: .75px;text-align: center; }
.success-story .section_heading a {	color: #FAB10F;	}
.success-story .section_heading a:hover { color: #0F856F; }
.success-story .btn {
  background: #FAB10F;
  border: 0;
  border-radius: 0;
  color: #0F112B;
  font-size: 1.4375rem;
  margin: 3rem 0 0;
  padding: 0.9375rem 1.25rem;
}

.success-story .btn span { display: block; font-size: 1.125rem; }
.success-story .btn:hover { background: #0F112B; color: #FAB10F; transition: .2s; }

/* SUCCESS STORIES - READ MORE ------------------------------------ */
#success-read-more { padding: 3rem 1.5rem; text-align: center; }
#success-read-more h2 { color: #6F6A6A;	font-size: 3.4375rem; margin: 0 0 1rem; }
#success-read-more img { margin: 0 0 1.875rem; max-width: 100%; }

/* SUCCESS STORIES - MORE INFO ------------------------------------ */
#success-more-info { background: #14B093;	padding: 2.8125rem 0; }
#success-more-info img {display: block;margin-left: auto;max-width: 100%;width: 24.0625rem;}
#success-more-info h2 {color: #0F112B;font-size: 3.125rem;margin: 0;text-align: left;}
#success-more-info p { color: #FFF;	font-size: 2.375rem; margin: 0; }

/* PAGE BANNER ------------------------------ */
#page-banner {
  background-image: url('/images/banners/banner-default.jpg');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 0 1.5em;
  position: relative;
  text-align: center;
  z-index: 0;
}

.about #page-banner { background-image: url('/images/banners/banner-about.jpg');  background-position: center 55%; }
.marketing #page-banner { background-image: url('/images/banners/banner-marketing.jpg'); background-position: center 84%; }
.videos #page-banner, .videos.websites #page-banner {background-image: url('/images/banners/banner-videos.jpg');background-position: center 15%;}
.websites #page-banner {background-image: url('/images/banners/banner-websites.jpg');background-position: center 42%;}

#page-banner::before {
  background: rgba(15,17,43,.5);
  content: '';
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}

#page-banner h1 {
  color: #FFF;
  margin: 0;
  padding: 1em 0;
}

#page-banner h1 span {
  display: block;
  font-size: 60%;
}

#page-banner h1 span>u {  font-family: inherit; font-style: inherit; font-weight: inherit; }

/* BIZPAYO PAGE ------------------------------ */
section.bpo {  margin: -4.5em 0 0;}
section.bpo, section.gray{ position: relative; z-index: 0;}
section.gray.full::before,
section.bpo::before {
  background: #4C42E4;
  content: '';
  height: 100%;
  left: -25vw;
  position: absolute;
  top: 0;
  width: 200vw;
  z-index: -1;
}

section.gray.full::before {background: #FAFAFA; }

section.bpo h2 { color: #FFF;  }
section.bpo p { color: #FFF; }

section.bpo-section h2 { font-size: 2rem; }
section.bpo-section p { font-size: 1.25rem; }

section.gray.bpo-section img { width: 18em; }

/* CONTACT ------------------------------ */

#contact { max-width: 100%; width: 45rem; }

#content #contact section {border-top: 1px solid #DDD;padding: 1.75rem 0 .5rem;}

#contact form {margin: 3rem 0 2rem;}
#contact form label { display: block; }
#contact form label.required::after {
  color: #FF0000;
  content: '*';
  font-size: 1.875rem;
  line-height: 0;
  margin-left: .25rem;
  position: relative;
  top: .5rem;
}

#contact input:not([type="submit"]), #contact textarea {
  background: #FAFAFA;
  border: 1px solid #DDD;
  margin: 0 0 1rem;
  padding: .5rem 1rem;
  width: 100%;
}

#contact input[type=checkbox] { width: 1em; }

#contact input.error, #contact textarea.error {
  background: #FFF7F7;
  border: 1px solid rgb(255,0,0,.5);
}

#contact input.error:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 30px #FFF7F7 inset !important;
}

#contact input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 30px #FAFAFA inset !important;
}

#contact form input:focus,
#contact form textarea:focus {
  box-shadow: 0 0 .25rem .125rem rgba(250, 177, 15, .1);
  border: 1px solid #FAB10F;
  outline: 0;
}

#contact form input[type="submit"] {
  border: 0;
  outline: 0;
  padding: .625rem 2rem;
  width: auto;
}

p.error {background: rgba(255, 0, 0, .03);border: 1px solid  #FF0000;border-radius: .25rem;color: #FF0000;padding: 1rem;}
p.notice, p.success { background: rgba(20, 176, 147, .05); border: 1px solid  #14B093; border-radius: .25rem; color: #14B093; padding: 1rem; }

/* SIDEBAR ------------------------------ */
#sidebar {
  max-width: 100%;
  padding: 3.25rem 0 4.5rem 1.25rem;
  position: relative;
  width: 18rem;
  z-index: 2;
  overflow: visible;
}


#content {
  min-height: 20rem;
  max-width: 100%;
  padding: 3.5rem 2rem 0 2rem;
  position: relative;
  width: calc(100% - 18rem);
  z-index: 1;
}

main.fullwidth #content {
  background: #FFF;
  padding: 4.5rem 1.5rem;
  width: 100%;
  z-index: 1;
}

.omp main.fullwidth #content { padding-bottom: 0; }

main.fullwidth #content.success {
  padding: 0;
}

#content section {padding: 2rem 0;}
#content section:last-of-type {padding: 2rem 0 5rem;}

#content section.gray-bg,
#content section.blue-bg,
#content section.green-bg,
#content section.purple-bg {
  padding: 4em 0;
  position: relative;
}

#content section.gray-bg::before,
#content section.blue-bg::before,
#content section.green-bg::before,
#content section.purple-bg::before {
  background: #F2F2F2;
  content: '';
  height: 100%;
  left: -3rem;
  position: absolute;
  top: 0;
  width: 100vw;
  z-index: -1;
}

.fullwidth #content section.gray-bg::before,
.fullwidth #content section.blue-bg::before,
.fullwidth #content section.green-bg::before,
.fullwidth #content section.purple-bg::before {
  left: 50%;
  transform: translateX(-50%);
  width: 200vw
}

#content section.gray-bg::before { background: #F2F2F2; }
#content section.green-bg::before { background: #0f856f; }
#content section.blue-bg::before { background: #514F6B; }
#content section.purple-bg::before { background: #5E5C80; }

#blog.gray-bg, #blog.gray-bg .blog { background: transparent; }

#content section.blue-bg h2, #content section.blue-bg p, #content section.green-bg h2, #content section.green-bg p,
#content section.blue-bg, #content section.purple-bg h2, #content section.purple-bg p { color: #FFF; }

/* SIDENAV ------------------------------ */
#sidebar::before {
  background: #0F112B;
  content: '';
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 100vw;
  z-index: -1;
}

#sidenav { position: -webkit-sticky; position:sticky; top:6.25rem }

/* T1 */
#sidenav>ul>li>a {
  color: #0F112B;
  display: none;
  font-size: 1rem;
  padding-left: 0;
  width: 100%;
}

#sidenav>ul>li::before { display: none; }
#sidenav ul>li>a:hover {color: #FAB10F;}

/* T2 */
#sidenav ul {margin: 0;}
#sidenav>ul>li { margin: 0 0 .5rem; padding-left: 0; }
#sidenav>ul>li>ul>li {border-bottom: 1px solid rgba(255,255,255,.2);font-size: 0;margin: 0;padding-left: .5rem;}
#sidenav>ul>li>ul>li>a {color: #FFF;display: block;font-size: .9375rem;padding: 1em 2rem .75em 0;}
#sidenav>ul>li>ul>li::before { display: none; }

#sidenav>ul>li>ul>li.has_children { position: relative; }
#sidenav>ul>li>ul>li.has_children::after {
  background: url('/images/icons/angle-right-gold.svg');
  background-position: right 0;
  background-repeat: no-repeat;
  background-size: 1rem 1.125rem;
  content: '';
  height: 1rem;
  right: .5rem;
  pointer-events: none;
  position: absolute;
  top: .9375rem;
  width: 1rem;
}

#sidenav>ul>li>ul>li.on.has_children::after {
  transform: rotate(90deg);
}

#sidenav ul>li.on>a {
  font-weight: 500;
}

/* T3 */
#sidenav>ul>li>ul>li>ul {
  background: rgba(255,255,255,.05);
  display: none;
  margin: 0 1rem .75rem .5rem;
  padding: .75rem 1rem;
}

#sidenav>ul>li>ul>li>ul>li {font-size: 0;margin: 0;padding: 0 0 0 .5rem;}
#sidenav>ul>li>ul>li>ul>li>a {color: #FFF;font-size: .9375rem;}
#sidenav>ul>li>ul>li>ul>li>a:hover, #sidenav>ul>li>ul>li>ul>li.on>a { color: #FAB10F; }

#sidenav>ul>li>ul>li>ul>li::before {
  background: none;
  color: #FFF;
  content: '-';
  font-size: 1.25rem;
  position: absolute;
  left: -.3125rem;
  top: -0.35rem;
}

/* ALL */
#sidenav li.on>ul { display: block; }
#sidenav a {display: inline-block;line-height: 1.5;}

#sidenav>ul>li>a, #sidenav>ul>li>ul>li>ul>li:hover::before { color: #FFF }
#sidenav ul > li.on > a {color: #FAB10F;}


#filters ul li ul li {margin: 0;padding: 0 1em 0 1.75em;}

#filters ul li ul li::before {
  background-image: none;
  color: #FAB10F;
  content: '-';
  display: block;
  font-size: 1.25rem;
  left: .5em;
  line-height: 0;
  top: .6875em;
}

#filters li a { color: #FFF; display:inline-block;  }
#filters li li a { padding: .25em 0; }
#filters li a:hover, #filters li li.on a, #filters ul.categories li.on>a { color: #FAB10F; }


/* LIGHTBOX------------------------------ */
#lightbox {
  background: rgba(15, 17, 43, .9);
  display: none;
  left: 0;
  overflow-Y: scroll;
  padding: 1.5rem 1.5rem 2.5rem;
  position: fixed;
  text-align: center;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 17;
}

#lightbox .lightbox-image, #lightbox img { user-select: none; pointer-events: none; }
#lightbox img { height: auto; max-width: calc(100% - 3.5rem); width: auto; }

#lightbox-image .caption h2 {
  color: #FFF;
  font-size: 1.25rem;
  margin: 1.5rem 0 .25rem;
  text-align: center;
}

#lightbox-image .caption {
    margin-bottom: 15px;
}

#lightbox .btn-prev,
#lightbox .btn-next,
#lightbox .close-lightbox {
  border: 5px solid transparent;
  border-radius: 50%;
  display: inline-block;
  height: 3.25rem;
  outline: 0;
  padding: 0;
  position: fixed;
  width: 3.25rem;
}

#lightbox .btn-next, #lightbox .btn-prev { top: 50%; transform: translateY(-50%); }
#lightbox .btn-next { right: 2.5rem;}
#lightbox .btn-prev { left: 1.5rem;}
#lightbox .close-lightbox { right: 2.5rem; top: 1.5rem; }


#lightbox .close-lightbox {
  background: url('/images/icons/times-solid.svg') no-repeat center center #0A0C1E;
  background-size: 1.675rem 1.675rem;
}

#lightbox .btn-prev {
  background: url('/images/icons/lightbox-prev.svg') no-repeat 42% center #0A0C1E;
  background-size: 1rem 2rem;
}

#lightbox .btn-next {
  background: url('/images/icons/lightbox-next.svg') no-repeat 55% center #0A0C1E;
  background-size: 1rem 2rem;
}

#lightbox button.disabled {
  background-image: none;
  opacity: 0;
  pointer-events: none;
}

#lightbox-image .caption a {color: #BBB; }
#lightbox-image .caption a:hover {color: #FAB10F;}

#lightbox button:hover {
  background-color: #FAB10F;
  border-color: rgba(255, 255, 255, .35);
}

/* ONE-OFF OVERRIDES ------------------------------ */
.leave-a-review .mini-callouts li a {padding: 2rem 1.25rem; }
main.fullwidth #content.search {  width: 55rem; margin: 0 auto; }

.sitemap ul { margin: 1.5rem 0 0; }
.sitemap ul ul { margin-top: .375rem; padding-left: 0; }
.sitemap ul ul + ul { margin-top: 0; }

.img-holder { height: 25rem; overflow: hidden; }
.text-holder { border-top: 1px solid #DADADA; display: table; padding: 1rem; width: 100%; }

.template { border: 1px solid #DDD; border-radius: 3px; background: #FFF; margin: 0 0 2.5rem; }
.template-name h3 { font-size: 1.25rem; margin: 0; }
.template-name { display: table-cell; }


.articles ul.mini-callouts .icon { border-radius: 0; position: relative; }
.articles ul.mini-callouts li a {padding: 3rem 1.25rem;}

.articles ul.mini-callouts>li .icon::after,
.articles ul.mini-callouts>li .icon::before {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  content: '';
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.articles ul.mini-callouts>li:nth-child(1) .icon::before { background-image: url('/images/articles/articles-marketing.svg'); opacity: 0; }
.articles ul.mini-callouts>li:nth-child(1) .icon::after { background-image: url('/images/articles/articles-marketing-white.svg'); }

.articles ul.mini-callouts>li:nth-child(2) .icon::before { background-image: url('/images/articles/articles-social.svg'); opacity: 0; }
.articles ul.mini-callouts>li:nth-child(2) .icon::after { background-image: url('/images/articles/articles-social-white.svg'); }

.articles ul.mini-callouts>li:nth-child(3) .icon::before { background-image: url('/images/articles/articles-pm.svg'); opacity: 0; }
.articles ul.mini-callouts>li:nth-child(3) .icon::after { background-image: url('/images/articles/articles-pm-white.svg'); }

.articles ul.mini-callouts>li:nth-child(4) .icon::before { background-image: url('/images/articles/articles-selling.svg'); opacity: 0; }
.articles ul.mini-callouts>li:nth-child(4) .icon::after { background-image: url('/images/articles/articles-selling-white.svg'); }

.articles ul.mini-callouts a:hover .icon::before { opacity: 1; }
.articles ul.mini-callouts a:hover .icon::after { opacity: 0; }

/* ADMIN BAR ------------------------------ */
#admin-bar { padding: 0 1.25rem; }

#admin-bar {
  align-items: center;
  background: #0F856F;
  display: flex;
  flex-direction: row;
  margin: 0;
}

#admin-bar li:last-child { margin-left: auto; }

#admin-bar svg {height: auto;margin: 0 .125rem 0 0;position: relative;top:.125rem;width: 1.125rem;}

#admin-bar a {
  color: #fff;
  display: inline-block;
  font-size: .9375rem;
  line-height: 1.5;
  margin: 0;
  padding: .375rem .75rem .5rem;
}

#admin-bar a:hover {
  background: #0F112B;
  color: #FFF;
}

/* TRANSITIONS ------------------------------ */
a, a>h2, a>h3, a>h4, .button, button, svg, svg path, #logo img, .slideout, #nav-open .hamburger, #nav-menu>ul>li,
#nav-menu span, #nav-open path, #nav-close path, #nav-menu>ul>li>ul, #nav-menu>ul>li:hover>ul, #ancillary::before,
#search-expand, #marketing .icon img, .lazy-video button::after, .accordions .details, .accordions li::after, .close-modal,
.counters .counter, .mini-callouts .icon, .gallery img, #filters>ul>li>ul, #filters>ul>li>span,  #filters>ul>li>span::after,
#filters>ul>li>span::before, label.checkmark span, #timeline .year, #sidenav>ul>li>ul>li>ul>li::before,
.accordions>li, a:hover .podcast-cover::after, #t1-callouts .callout,.mini-callouts p, .mini-callouts span,
#ajaxresults .gallery .image .overlay, .cpa-practice-advisor img { transition: all .3s ease; }

.accordion .text,
.accordion li>a::after {
  transition: all .5s ease;
}

/* ANIMATIONS ------------------------------ */
.dont-animate * {
  animation: none !important;
  transition: none !important;
}

.translate-left, .translate-right, .translate-up, .translate-down {
  opacity: 0;
  position: relative;
  z-index: 4;
  -webkit-transition: all .75s ease;
  -moz-transition: all .75s ease;
  -o-transition: all .75s ease;
  transition: all .75s ease;
}

.translate-left { transform: translate(3.5rem,0); }
.translate-right { transform: translate(-3rem,0); }
.translate-up { transform: translate(0,3rem); }
.translate-down { transform: translate(0,-3rem); }

.translate-left.animated,
.translate-right.animated,
.translate-up.animated,
.translate-down.animated {
  opacity: 1; transform: translate(0,0);
}


/* BOOTSTRAP OVERRIDES ------------------------------ */
.container { padding: 0 1rem; }
.row { margin-left: -1rem; margin-right: -1rem; }

.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,
.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,
.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,
.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,
.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto {
  padding: 1rem 1rem 0 1rem;
}


/* MAX-WIDTH MEDIA QUERIES ------------------------------ */

@media (max-width: 1699px) {
    
     #hero .badge {
    padding: 8px;
    flex-basis: 32%;
    filter: drop-shadow(2px 4px 6px rgba(0,0,0,0.5));
}

#hero h1 {
    color: #FFF;
    font-size: 4.25rem;
    line-height: 1.1;
    text-align: center;
}

#hero h1>span:first-of-type {
    display: inline-block;
    line-height: 1.3;
    padding: 0 2.5rem;
}

#hero h1>span:last-of-type {
    font-size: .56em;
    display: inline-block;
    left: 0;
}

#hero .badge-container {
    position: absolute;
    display: flex;
    right: 0;
    bottom: 5%;
    width: 34%;
    flex-wrap: wrap;
    justify-content: center;
}

#hero .textbox {
    left: calc(28% + 1rem);
    position: absolute;
    top: 26%;
    width: 32rem;
}

#hero {
    max-height: 50.5rem;
    min-height: 40rem;
    overflow: hidden;
    position: relative;
}

#hero .buttons {
    margin-left: 0;
}

}

@media (max-width: 1600px) {
  .split-section .col-text {
    padding: 2em 4.25em;
    width: 45%;
}

   .split-section .col-image {width: 65%;}
   

#ancillary>ul>li>a {
    font-size: .875rem;
    padding: 1.125rem 0.875rem;
}

#ancillary>ul>li {
    margin-left: 1.125rem;
}

}

@media (max-width: 1500px) {
  #hero .textbox {width: 30rem;}
  #hero h1 { font-size: 4.75rem; }

  #ancillary { padding: 0 1rem 0 1.5rem; }
  #ancillary>ul>li>a { padding: .75rem .25rem; }
  
 


}


@media (max-width: 1365px) {
  #ancillary .e-book span { display: none; }
  #logo img { width: 18rem; }

  #nav-menu>ul>li:last-child, body.home #nav-menu>ul>li:nth-last-child(2) {margin: 0;}
  #nav-menu>ul>li>a {padding: .5rem 1.5rem;}

  h1.accented { margin: 0 0 3.5rem; }
  h1.accented::before {
    height: .375rem;
    left: 0;
    position: absolute;
    top: calc(100% + 1rem);
    width: 8rem;
  }
}


@media (max-width: 1199px) {
  header .scroll-header {padding: 0 1.25rem 0 1rem;}
  #logo img {width: 14rem;}
  #ancillary { padding: 0 1.25rem; }
  #ancillary .e-book span { display: none; }
  #ancillary .e-book { display: none; }
  #nav-menu>ul>li>a { font-size: .9375rem; padding: .5rem 1rem; }

  #hero h1 { font-size: 4rem}
  .home-cta { font-size: .75rem; }

  main>div, main>section, main>aside { padding: 3.5rem 1.25rem; }
  table.responsive td { display: block; text-align: center; }
  table.responsive tr td:first-child { font-weight: 600; padding-top: 1rem;}
  table.responsive tr td:last-child { padding-bottom: 1rem;}
  .cancellation .responsive tr td:first-child { max-width: 100%;width: 100%; }

  .split-section { font-size: .875rem }
  .split-section .col-text, #home-success .col-text {padding: 5em 3em;}
  .split-section .col-text h2 { margin: 0 0 1rem; }
  .split-section .col-text h2 { font-size: 2.125em; }
  .split-section .carousel-item p, #home-cmib p {font-size: 2em;margin: 0 0 3rem;}

  #success-cpa .cpa h1 { font-size: 3rem; }
  #success-cpa .cpa p { font-size: 2rem; }

  .col-xl-6.bordered:nth-child(even) { border-left: 1px solid #CCC; }

}

@media (max-width: 1060px) {
  #ancillary .e-book { display: none; }

  #hero {
    max-height: none;
    min-height: 4rem;
}
  #hero .textbox {
    left: 50%;
    max-width: 100%;
    right: auto;
    text-align: center;
    top: 5rem;
    transform: translateX(-50%);
  }

  #hero h1 {font-size: 4rem;}
  #hero h1>span:first-of-type, #hero h1>span:last-of-type { left: auto; right: auto; }
  #hero h1>span:first-of-type {margin: 0 auto .5rem;}
  #hero h1>span:last-of-type {margin: 0 auto;}

  #hero .buttons { margin-left: 0;}
  #hero .button { font-size: 1.0625rem; }
  #marketing { margin-top: 3em; }
}


@media (max-width: 1023px) {
  #intro::after { display: block; }
  blockquote {
    border:0;
    border-bottom: 3px solid #f4f4f4;
    border-top: 3px solid #f4f4f4;
    float: none;
    margin: 1.5rem 0;
    padding: 1.5rem 0;
    text-align: center;
    width: 100%;
  }
  blockquote footer { justify-content: center; }
}


@media (max-width: 991px) {
  header .scroll-header {flex-direction: column;padding: 1rem 1.25rem 0 1rem;}
  body.home #nav-menu>ul>li:nth-last-child(2) { margin: 0 0 0 .5rem; }

  #nav-menu { text-align: center; width: 100%; }
  #nav-menu>ul>li  { margin: 0; }
  #nav-menu>ul>li:last-child,
  #nav-menu>ul>li>a {font-size: .875rem;margin: 0;padding: .5rem .75rem;}
  #nav-menu>ul>li {padding: 1.25rem 0;position: static;}
  #nav-menu>ul>li>ul.megamenu {
    max-width: 100%;
  }
  #ancillary>ul>li:nth-child(2)::before,
  #ancillary>ul>li:first-child { display: none; }

  .row.reverse { flex-direction: column-reverse; }
  ul.three-col { columns: 2; }

  body>footer .footer-top { padding: 3rem 1.25rem 2rem; text-align: center; }
  body>footer .social ul { display: flex; flex-direction: row;  justify-content: center; margin: 0; }
  body>footer .col-text p { margin-top: 1rem;}
  body>footer .footer-bottom .container { flex-wrap: wrap; }
  body>footer #bottom ul>li:first-child { padding-left: 0; }
  body>footer #bottom ul>li:first-child::before { display: none; }

  .split { flex-direction: column; }
  .split .column-text { order: 2; width: 100%; }
  .split .column-bg { order: 1; width: 100%; }
  .split .column-text > div { padding: 0; max-width: 100%; }
  .split .column-bg::after { content: ''; display: block; padding: 0 0 50%; }
  #cta {height: auto;padding: 5rem 1.5rem 15rem;}

  #websites { padding-bottom: 6rem; }
  #websites h2 { margin: 0 0 4rem; text-align: center; }
  #websites h2::before { left: 50%; transform: translateX(-50%); }
  #websites .text { margin: 0 0 3rem; padding-left: 0; }
  #websites-carousel { padding-right: 0; }
  #websites-carousel img { width: 35rem; }
  #websites .row .column:nth-of-type(1) { order: 2; }
  #websites .row .column:nth-of-type(2) { order: 1; }

  #sidebar {padding: 3.5rem 0 3.5rem 1.25rem;}
  #content { padding: 3.5rem 1.25rem; }
  #content ul.mini-callouts li h2 br {display: none}
  #content .photoright {margin-right:0}

  #marketing .translate-up:nth-child(2n+1) { transition-delay: 0s; }
  #marketing .translate-up:nth-child(2n+2) { transition-delay: .15s; }
  #websites .translate-left { transition-delay: 0s; }
  #exclusive .translate-up:nth-child(2n+1) { transition-delay: 0s; }
  #exclusive .translate-up:nth-child(2n+2) { transition-delay: .15s; }
  #blog .translate-up:nth-child(2n+1) { transition-delay: 0s; }
  #blog .translate-up:nth-child(2n+2) { transition-delay: .15s; }

  .gallery .translate-up:nth-child(2n+1) { transition-delay: 0s; }
  .gallery .translate-up:nth-child(2n+2) { transition-delay: .15s; }

  #intro .row {flex-direction: column-reverse;text-align: center;}
  #intro.websites .row {flex-direction: column ;text-align: center;}
  .cpa-practice-advisor { text-align: center; }
  #intro h1.accented::before { left: 50%; transform: translateX(-50%); }
  #intro .graphic { margin: 2rem auto 3rem; }

  .videoleft, .videoright { float: none; margin: 2rem auto; }
  .photoright figcaption, .videoright figcaption {text-align:center}
  .mini-callouts { flex-flow: row wrap; }

  aside.cta { text-align: center; }
  aside.cta .button { float: none; display: inline-block; }

  .responsive-headings { font-size: 1rem; }
  .responsive-headings thead { height: 0; left: -9999px; overflow: hidden; position: absolute; width: 0; }

  .responsive-headings tr, .responsive-headings td, .responsive-headings th,
  .responsive-headings thead, .responsive-headings tbody, .responsive-headings table {
    display: block;
  }

  table.responsive-headings td, table.responsive-headings th { text-align: left; }
  .responsive-headings tr>td:first-of-type { margin-top: 1.5rem }
  .responsive-headings tbody tr td::before {
    color: #424357;
    content: attr(data-title);
    font-weight: 600;
    margin-right: .75rem;
    min-width: 250px;
    width: 25%;
  }

  .website-features #content img { display: block; margin: 0 auto; max-width: 100%; width: 360px;}

  #hosting tbody tr.heading-row,  #hosting tbody tr.heading-row td:not(:first-child) { display: none; }
  #hosting tr td:first-child {border-bottom: 1px solid #DCE0E1;text-align: center;}

  #hosting tbody tr:nth-child(1) td, #hosting tbody tr:nth-child(2) td { background: #FFF; border: 0; }
  #hosting tbody tr:nth-child(1) td:nth-child(1), #hosting tbody tr:nth-child(2) td:nth-child(1) { border-bottom: 1px solid #DCE0E1; }
  #hosting tbody tr:nth-child(1) td:nth-child(3), #hosting tbody tr:nth-child(2) td:nth-child(3) { background: #F2F8FD; }
  #hosting tbody tr td:nth-child(2), #hosting tbody tr td, #hosting thead tr th { background: #FFF; border-color: #DCE0E1; border: 0; }

  #contact .table td { border-top: 0; padding: .125rem .75rem; }
  #contact .table tr td:nth-child(1) { padding-top: .5rem }
  #contact .table tr td:nth-child(3) { padding-bottom: .5rem }

  #success-cpa .wrap {flex-direction: column;}
  #success-cpa .text { text-align: center;	}
  #success-cpa .cpa-photo {margin: 40px auto;max-width: calc(100% - 30px);width: 300px;}
  #success-cpa .cpa { background: 0 0; text-align: center;width: 100%; z-index: 0; }
  #success-cpa .cpa::before { display: none; }
  #success-cpa .cpa::after { left: 50%;	transform: translateX(-50%); width: 200vw;	z-index: -1;}
  #success-cpa .cpa h1 { text-align: center; }
  #success-cpa .cpa p { font-size: 1.5rem; }
  #success-cpa .program p {font-size:1.375rem;padding: 1.125rem 2.125rem;}
  #success-cpa .quote p {font-size: 1.5rem; margin: 0 0 2.5rem; }
  #success-cpa .program {display: inline-block;margin: 0 auto 1.875rem;max-width: 100%;}
  #success-cpa .byf-graphic {
    bottom: 0;
    opacity: .1;
    right: 50%;
    transform: translate(50%, -50%);
    width: 250px;
    z-index: 2;
  }
  #success-story .results {	display: block; float: none; margin: 0 auto 50px; }
  #success-story ul {flex-flow: row wrap;justify-content: space-around;text-align: center;}
  #success-story ul li:last-of-type {padding: 0rem 0 3rem;text-align: center;width: 100%;}
  #success-story ul li:last-of-type img {left: 50%;right: auto;transform: translate(-50%, 20px);}
  #success-story li {margin: 0 0 15px;text-align: center;}
  #success-story li img {margin: 0 auto 0.9375rem;}

  #content .success-story .section_heading h2 {font-size: 2rem;margin: 0 0 1.5rem;}
  #content .success-story .section_heading p {font-size: 1.75rem;}

  #success-read-more h2 { font-size: 2.1875rem; }
  #success-read-more img { margin: 0 auto 1rem; }

  #success-more-info { padding: 1.875rem 0 3.125rem; }
  #success-more-info h2 { font-size: 2.1875rem; }
  #success-more-info p { font-size: 1.875rem; }

  #success-insert { text-align: center; }
  #success-insert a { display: inline-block; margin: 0 auto; }
  #success-insert img {margin: 0 auto 1rem;}
  #success-insert .journal {-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center; margin: 0;}
  #success-insert .journal img { margin: 0;}

}

@media (max-width: 900px) {
  #ancillary>ul>li:nth-child(2) a,#ancillary>ul>li:nth-child(3) a,
  #ancillary>ul>li:nth-child(4) a,#ancillary>ul>li:nth-child(5) a,
  #ancillary>ul>li:nth-child(6) a {
    background:0 0;
    padding-left: 0
  }

  #ancillary>ul>li::before { display: none; }

  #ancillary>ul>li { margin: 0; }

  #ancillary>ul>li:not(:first-of-type) { margin-left: .75rem}

  #bios h2 { font-size: 1.3125em; }
}


/* ######################################### */
/*              MOBILE STYLES                */
/* ######################################### */

@media (max-width: 767px) {

  .m-only { display: block; }

  h1,h2,h3,h4,h5,h6 { margin: 0 0 1rem; }
  h1 { font-size: 1.625rem; }
  h2 { font-size: 1.375rem; }
  h3 { font-size: 1.25rem; }
  h4 { font-size: 1.125rem; }
  h5 { font-size: 1.0625rem; }
  h6 { font-size: 1rem; }

  h2.section-title { margin: 0 0 1.5rem; }
  h2.accented { margin: 0 0 3.5rem; }

  p, main ul li { font-size: 1.0625rem; }
  p.intro { font-size: 1.0625rem; }
  .button { font-size: 1.0625rem; }

  main>div, main>section, main>aside { padding: 3rem .5rem; position: relative; z-index: 0; }

  /* Override javascript padding from widescreen sticky header */
  main#main { overflow-x: hidden; padding-top: 0 !important;}
  main.interior .row-flex { flex-direction: column-reverse; }
  body.gallery main.interior .row-flex { flex-direction: column; }
  .row-flex.reverse { flex-direction: column; }

  #sidebar {background: #0f112b;padding: 2.5rem 1.25rem 2.5rem;width: 100%;}

  #content { padding: 2.5rem 1.25rem; width: 100%; }
  .gallery #sidebar { padding: .5rem 1.25rem 1.5rem; }

  header {padding: 0;}
  #hero h1 { font-size: 3.5rem; }
  #hero h1>span:first-of-type, #hero h1>span:last-of-type { font-size: 1.75rem; left: auto; right: auto; }
 

  body>footer .copyright { display: block; margin: 0 auto .75rem; text-align:center; width: 100%; }
  body>footer #bottom { margin: 0 auto; }

  #logo { display: none; }
  #logo img { width: 15rem; }

  /* ANCILLARY ---------- */
  #ancillary { background: transparent; flex-direction: column; position: static; text-align: center; }
  #ancillary>ul { margin: 0; padding: 0; }
  #ancillary>ul>li {display: block;margin-left: 0;}
  #ancillary>ul>li:nth-child(1) { display: none; }
  #ancillary>ul>li:last-child { margin-left: 0;}

  #ancillary>ul>li:nth-child(6) a { background-image: none; padding-left: inherit; }
  #ancillary>ul>li:nth-last-child(2) { margin: 0; }

  #ancillary>ul>li:nth-child(1n) a {
    padding: .5em 1em;
  }

  #ancillary>ul>li:nth-child(1n)>a { color: #FFF; font-size: 1.0625rem; padding: .5rem 1rem; }
  #ancillary>ul>li>a:hover { background-color: transparent; color: #FAB10F; }
  #ancillary.expand>ul>li { transform: none; }
  #ancillary .e-book { display: none; }
  #ancillary::after { display: none; }
  
  #ancillary>ul>li:nth-child(1n)>a, #nav-menu>ul>li>a, #nav-menu>ul>li>ul>li>a {
    color: #fff;
    font-size: 1.0625rem;
    padding: .5rem 1rem;
}
  
  #nav-menu>ul>li>ul.megamenu>li>a {
    color: #fff;
    font-size: 1rem;
    font-weight: 400;
    padding: .5rem 1rem;
}

#nav-menu>ul>li>ul.megamenu {
    columns: 1;
    padding: 0 1.5rem;
    transform: none;
    transition: none;
    width: 100%;
}

#nav-menu>ul>li, header .scroll-header.fixed #nav-menu>ul>li {
    display: block;
    margin: 0;
    padding: .25rem 0;
    position: relative;
    text-align: center;
}
  #ancillary>ul>li:last-child>a:hover { background: #FAB10F; }

  #search, #ancillary.expand #search {
    height: 2.5rem;
    margin: 1.25rem 0 2rem;
    position: static;
    transform: none;
    width: 100%;
  }
  #search #search-bar { background: #FFF; height: 2.5rem; width: 20rem; }
  #search-expand { display: none; }

  header .slideout {
    background: #0F112B;
    display: none;
    height: 100%;
    left: 100%;
    overflow-y: scroll;
    padding: 4rem 0 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10;
  }

  .slideout.open {left: 0;display: block;}

  #nav-menu, #nav-menu>ul { width: 100%; }
  #nav-menu>ul>li, header .scroll-header.fixed #nav-menu>ul>li { display: block; margin: 0; padding: .25rem 0; position: relative; text-align: center; }
  header .scroll-header, header .scroll-header.fixed {box-shadow: none;padding: 0;position: static;}

  #nav-menu>ul>li::after { display: none; }
  #nav-menu>ul>li:last-child { margin: 0; }

  body.home #nav-menu>ul>li { width: 100%;}
  body.home #nav-menu>ul>li:nth-last-child(2) { margin: 0; }
  #nav-menu>ul>li:nth-last-child(2) a, #nav-menu>ul>li:last-child a {     
    background: #0F856F;
    color: #FFF;
    border: 0;
    border-radius: 1.5rem;
    display: inline-block;
    font-size: 1.0625rem;
    margin: 0.5rem auto;
    max-width: 100%;
    padding: .75rem 3rem;
    text-transform: uppercase;  }
  body.home #nav-menu>ul>li:nth-last-child(2) a:hover {background: 0 0;color: #0F856F;}

  /* SLIDEOUT MENU - T2 */

  #nav-menu>ul>li:hover>ul { transition: none; }
  #nav-menu>ul>li>ul {
    background: rgba(255,255,255,.05);
    display: none;
    opacity: 1;
    padding: 0;
    position: static;
    transition: none;
    visibility: visible;
    width: 100%;
  }
  
    #nav-menu>ul>li>ul.megamenu {
    background: rgba(255,255,255,.05);
    columns: 1;
    padding: 0 1.5rem;
    transform: none;
    transition: none;
    width: 100%;
  }

  #nav-menu>ul>li>ul.megamenu::before { display: none; }
  #nav-menu>ul>li>ul.megamenu>li { margin: 0; }
  #nav-menu>ul>li>ul.megamenu>li>a { color: #FFF; font-size: 1rem; font-weight: 400; padding: .5rem 1rem; }
  #nav-menu>ul>li>ul.megamenu>li>ul { display: none; }
  #nav-menu>ul>li>a:hover, #nav-menu>ul>li>ul.megamenu>li>a:hover {color: #FAB10F;}

  #nav-menu span {
    background: url(/images/icons/plus-solid.svg) no-repeat center center;
    background-size: 1.5rem 1.5rem;
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    height: 2.5rem;
    padding: .75rem;
    position: absolute;
    right: .875rem;
    top: .375rem;
    width: 2.5rem;
  }

  #nav-menu>ul>li.open>span { transform: rotate(-135deg); }
  #nav-menu>ul>li.on> ul { display:block; }
  #nav-menu>ul>li.on>a, #nav-menu>ul>li>ul>li.on>a { color: #FAB10F; }



  #nav-close { background: transparent; border: 0; display: block; cursor: pointer; }
  #nav-close svg { height: 1.75rem; width: 1.75rem; }
  #nav-close {padding: .5rem;position: absolute;right: .75rem;top: 15px;z-index: 1;}
  #nav-close svg path { fill: #FFF; }
  #nav-close:hover svg path { fill: #FAB10F; }

  #mobile-header { display: block; text-align: center; }
  #mobile-header>a {display: inline-block;padding: .375rem 1.25rem 0;}
  #mobile-header img { max-width: 100%; width: 11rem;}
  #mobile-nav { background: rgba(255, 255, 255, .05); }
  #mobile-nav>ul {
    align-items: center;
    background: #F6F6F6;
    display: inline-flex;
    justify-content: space-between;
    margin: 0;
    width: 100%;
  }
  
  

  #mobile-nav>ul>li { flex: 1 0 auto; }
  #mobile-nav>ul>li:not(:last-of-type) a { border-right: 1px solid rgba(255, 255, 255, .2); }
  #mobile-nav>ul>li:last-of-type { flex: 0 0 auto; width: 7rem; }
  #mobile-nav>ul>li>a { color: #424357; display: block; padding: .625rem 1rem; vertical-align: middle; }
  #mobile-nav>ul>li>a#nav-open { padding: .625rem 2.5rem .625rem 0; position: relative; }
  #mobile-nav>ul>li>a:hover {background: #0F112B;color: #FFF;}

  #nav-open svg { height: 1.25rem; position: relative; top: 0; width: 1.25rem; }

  /* HAMBURGER */
  #nav-open .hamburger {
    align-items: center;
    border-radius: 3px;
    display: inline-flex;
    height: 2.25rem;
    justify-content: center;
    position: absolute;
    right: .875rem;
    top: 1.4375rem;
    transform: translateY(-50%);
    width: 2.5rem;
    z-index: 5;
  }

  #nav-open .hamburger svg path {fill: #0F112B;}

  #mobile-nav>ul>li>a:hover .hamburger svg path { fill: #FFF; }
  #mobile-nav.fixed #nav-open .hamburger { background: rgba(15,17,43,.9); position: fixed; }
  #mobile-nav.fixed #nav-open .hamburger svg path { fill: #FFF; }

  #marketing h3 { font-size: 1.25rem; }

  .split-section { flex-wrap: wrap; font-size: .75rem}
  .split-section .col-text {order: 1;width: 100%;position: relative;}
  .split-section .col-image { order: 2; padding: 0 0 50%; width: 100%; }
  #home-success.split-section .col-image { padding: 0 0 100%; }
  .split-section .carousel-item p, #home-cmib p { font-size: 1.75em; margin: 0 0 1.5rem; }

  #home-cmib .col-image { padding: 0; }
  #home-cmib .col-image img:not(.icon) { padding: 3rem 0 1rem; position: static; transform: none; width: 27rem; }
  #home-websites p.try { display: table; margin: 0 auto 1rem;}
  #home-websites .button { display: table; margin: 0 auto; }

  .home-cta {font-size: .5625rem; padding: 2.5rem 1.5rem; text-align: center; }
  .home-cta p { margin: 0; }

  #homepage-gallery p { font-size: 1.25rem; margin: 1rem 0 3rem; }
  #homepage-gallery ul + p { font-size: 1.5rem; margin: 0 0 1rem; }

  #websites h2 { margin: 0 0 3.5rem; }
  #websites-carousel img { width: 30rem; }

  #blog article { margin: 0 0 1rem; }
  #testimonials ul { margin: 2rem 0 1rem; }
  #videos ul { margin: 2rem 0 1rem; }
  #testimonials .translate-up { margin-bottom: 1rem; }

  aside.cta { text-align: center; padding: 3rem 0; }
  aside.cta h2 { font-size: 2.5rem; }
  aside.cta .button { float: none; display: inline-block; }

  #videos.video-landing { margin-top: -2em; }

  /* INTERIOR PAGE STYLES */
  .videoleft, .videoright { float: none; margin: 2rem auto; }
  blockquote p { color: #424357; font-size: 1.125rem; }
  .modal-content { padding: 3rem 1.5rem; }
  #pagination a,  #pagination span { font-size: 1.125rem; }
  #pagination .first, #pagination .last { display: none; }

  #timeline { padding-bottom: 1rem;}
  #timeline .mask { margin-bottom: 8rem; }
  #timeline { position: relative; }
  #timeline .textbox { padding: 1.5rem; text-align: center; width: 100%;}
  #timeline .year { margin: 0 0 8rem; }
  #timeline .year::after { top: -4.25rem; }
  #timeline .year:nth-child(odd) .textbox,#timeline .year:nth-child(even) .textbox { left: auto }
  #timeline .year:nth-child(odd) .textbox::after, #timeline .year:nth-child(even) .textbox::after {
    left: 50%;
    top: 3rem;
    transform: translateX(-50%)
  }

  #timeline .year.show:nth-child(odd) .textbox::after,#timeline .year.show:nth-child(even) .textbox::after {
    border-color: transparent transparent #E0F1FF transparent;
    border-width: 0 .6875rem 1rem;
    left: 50%;
    top: -1rem;
    transform: translateX(-50%);
  }

  .bio-photo { vertical-align: top; width: 12rem; }
  .bio-text { float: right; width: calc(100% - 13.5rem); }

  #intro { padding-bottom: 3rem; }
  #intro.websites { padding-bottom: 1rem;}

  #t1-callouts { padding: 3rem 1.5rem 0; margin-top: 0; }
  #t1-callouts .callout { padding: 2rem; }
  #t1-callouts h2 { min-height: 0; }

  #videos .translate-up:nth-child(1n+1) { transition-delay: 0s; }
  #testimonials .translate-up:nth-child(1n+1) { transition-delay: 0s; }
  .mini-callouts .translate-up:nth-child(1n+1) { transition-delay: 0s; }
  .counters .translate-up:nth-child(1n+1) { transition-delay: 0s; }

  #success-cpa .cpa h1 { font-size: 2.1875rem; }
  #success-story h2 { font-size: 1.5rem; }
  #success-story li p { text-align: center; }
  #success-more-info, #success-more-info h2 { text-align: center; }
  #success-more-info img { margin: 0 auto; }
  #success-story li { margin: 0 0 .9375rem 0; }

  #content .success-story .section_heading h2 {font-size: 1.75rem; }
  #content .success-story .section_heading p {font-size: 1.5rem;}

  #success-insert { padding: 2rem 0; }
  #success-insert h2 {font-size: 1.875rem;}

  section.bpo-section h2 { font-size: 1.5rem; }
  section.bpo-section p { font-size: 1.125rem; }

  #bios li h3 { font-size: 1.25rem; }
  #bios .row-2, #bios .row-3, #bios .row-2 .row-flex { flex-wrap: wrap; }
  #bios .row-2 li, #bios .row-3 li { width: calc(50% - 2rem); }
  #bios .row-2>div:nth-of-type(1), #bios .row-2>div:nth-of-type(2) { width: 100%; }
  
  .contact table {
    font-size: 0.925rem;
}

 .contact .table {
    width: 105%;
    margin-left: -10px;
 }

}

@media (max-width: 650px) {
  #exclusive .col-sm-6 { flex: 0 0 100%; max-width: 100%; }
}

@media (max-width: 575px) {
  html { font-size: 15px; }
  #admin-bar svg { display: none; }

  #hero {background: #424357;min-height: 0;padding: 5em 0;}
  #hero::after, #hero::before { display: none; }
  #hero .textbox {padding: 0 1.25rem;position: static;transform: none;width: 100%;}
  #hero h1>span:first-of-type { padding: 0 1.5rem; }
  #hero h1>span:first-of-type, #hero h1>span:last-of-type { font-size: 1.375rem; }
  #hero h1 { font-size: 2rem; }
  #hero .button { font-size: 1rem; }

  #marketing {margin-top: 1rem;}

  #marketing.mini-callouts li { padding: 1rem 0; }

  ul.two-col, ul.three-col { columns: 1; }

  .mini-callouts li,
  .mini-callouts.three,
  .mini-callouts.even li {width: 100%;}

  #websites ul>li { width: 100%;}
  #exclusive .translate-up:nth-child(1n+1) { transition-delay: 0s; }

  body>footer { font-size: .9375rem; }
  body>footer .copyright { text-align: center; }
  body>footer #bottom { margin: 0; }
  body>footer #bottom, body>footer #siteseal {
    display: block;
    text-align: center;
    width: 100%;
  }

  #bios .row-flex { flex-wrap: wrap; }
  #bios .row-1 li, #bios .row-2 li, #bios .row-3 li { width: 100%; }

  .bio h1, .bio p.intro { text-align: center; }
  .bio-photo { display: block; margin: 0 auto 2rem; width: 16rem; }
  .bio-text { float: none; width: 100%; }

  #content section.tool { flex-direction: column; margin: 0 0 2rem; padding: 3rem 1.5rem 1rem; }
  #content section.tool img { margin: 0 auto 2rem; }

  #success-insert .journal { flex-direction: column; align-items: center; }

  .photoleft.bookgel, .photoright.bookgel {
    float: none;
    max-width: 100%;
    margin: 2em auto;
  }

  .blog-bio { display: block; }
  .blog-bio .bio-image { display: block; margin: 0 auto 1.5rem; }
}


/* MIN-WIDTH MEDIA QUERIES ------------------------------ */

@media (min-width: 576px) {
  .container { max-width: 100%; }
  
}

@media (min-width: 768px) {
  #nav-menu>ul>li>ul, #nav-menu>ul>li>ul.megamenu { display: block !important; }

  #nav-menu>ul>li:is(:last-child,:nth-last-child(2))>a {
    background: #0F856F;
    border-radius: 1.5rem;
    color: #FFF;
    padding: .5625rem 2.5rem .4375rem;
    text-transform: uppercase;
  }
 

  #nav-menu>ul>li:last-child a:hover, #nav-menu>ul>li:last-child a:focus {background: #0F112B; color: #FFF;}
}

@media (min-width: 991px) {
  #nav-menu>ul>li:last-child { margin: 0 0 0 2rem; }
}

@media (min-width: 1200px) {
  .container { max-width: 102rem; }
}

@media (min-width: 2000px) {
  html { font-size: 1.1rem; }
}

@media (min-width: 2400px) {
  html { font-size: 1.2rem; }
}