/*
 * The Typekit service used to deliver this font or fonts for use on websites
 * is provided by Adobe and is subject to these Terms of Use
 * http://www.adobe.com/products/eulas/tou_typekit. For font license
 * information, see the list below.
 *
 * museo-sans:
 *   - http://typekit.com/eulas/00000000000000000000e7fe
 *   - http://typekit.com/eulas/00000000000000000000e802
 *   - http://typekit.com/eulas/00000000000000000000e803
 *   - http://typekit.com/eulas/00000000000000000000e804
 * proxima-nova:
 *   - http://typekit.com/eulas/00000000000000003b9b0939
 *   - http://typekit.com/eulas/00000000000000003b9b0934
 *   - http://typekit.com/eulas/00000000000000003b9b0935
 *
 * © 2009-2019 Adobe Systems Incorporated. All Rights Reserved.
 */
/*{"last_published":"2018-10-19 09:13:58 UTC"}*/
@import url("https://p.typekit.net/p.css?s=1&k=gfu0ulb&ht=tk&f=173.175.176.2005.2006.2007.2008&a=12339936&app=typekit&e=css");

@font-face {
    font-family: "proxima-nova";
    src: url("https://use.typekit.net/af/27776b/00000000000000003b9b0939/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff2"), url("https://use.typekit.net/af/27776b/00000000000000003b9b0939/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff"), url("https://use.typekit.net/af/27776b/00000000000000003b9b0939/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("opentype");
    font-style: normal;
    font-weight: 600;
}

@font-face {
    font-family: "proxima-nova";
    src: url("https://use.typekit.net/af/4838bd/00000000000000003b9b0934/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"), url("https://use.typekit.net/af/4838bd/00000000000000003b9b0934/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"), url("https://use.typekit.net/af/4838bd/00000000000000003b9b0934/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
    font-style: normal;
    font-weight: 400;
}

@font-face {
    font-family: "proxima-nova";
    src: url("https://use.typekit.net/af/6aec08/00000000000000003b9b0935/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"), url("https://use.typekit.net/af/6aec08/00000000000000003b9b0935/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"), url("https://use.typekit.net/af/6aec08/00000000000000003b9b0935/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype");
    font-style: italic;
    font-weight: 400;
}

@font-face {
    font-family: "museo-sans";
    src: url("https://use.typekit.net/af/620bf8/00000000000000000000e7fe/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff2"), url("https://use.typekit.net/af/620bf8/00000000000000000000e7fe/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff"), url("https://use.typekit.net/af/620bf8/00000000000000000000e7fe/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("opentype");
    font-style: normal;
    font-weight: 300;
}

@font-face {
    font-family: "museo-sans";
    src: url("https://use.typekit.net/af/5cca6d/00000000000000000000e802/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3") format("woff2"), url("https://use.typekit.net/af/5cca6d/00000000000000000000e802/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3") format("woff"), url("https://use.typekit.net/af/5cca6d/00000000000000000000e802/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3") format("opentype");
    font-style: italic;
    font-weight: 300;
}

@font-face {
    font-family: "museo-sans";
    src: url("https://use.typekit.net/af/a28b50/00000000000000000000e803/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff2"), url("https://use.typekit.net/af/a28b50/00000000000000000000e803/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff"), url("https://use.typekit.net/af/a28b50/00000000000000000000e803/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("opentype");
    font-style: normal;
    font-weight: 500;
}

@font-face {
    font-family: "museo-sans";
    src: url("https://use.typekit.net/af/c2d3de/00000000000000000000e804/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i5&v=3") format("woff2"), url("https://use.typekit.net/af/c2d3de/00000000000000000000e804/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i5&v=3") format("woff"), url("https://use.typekit.net/af/c2d3de/00000000000000000000e804/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i5&v=3") format("opentype");
    font-style: italic;
    font-weight: 500;
}

.tk-proxima-nova {
    font-family: "proxima-nova", sans-serif;
}

.tk-museo-sans {
    font-family: "museo-sans", sans-serif;
}

.btn,
#fullArticle .admin-edit,
#mainNav .nav a {
    display: inline-block;
    height: 50px;
    padding: 0 29px;
    border: 0;
    border-radius: 25px;
    background: #4a83ff;
    color: #ffffff;
    line-height: 50px;
    font-size: .875em;
    font-family: proxima-nova, Arial, Helvetica, Sans-Serif;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    outline: none;
    background-repeat: no-repeat;
    text-shadow: none;
    letter-spacing: 0.05em;
}

@media only screen and (max-width: 767px) {
    .btn,
    #fullArticle .admin-edit,
    #mainNav .nav a {
        font-size: 1em;
        max-width: 275px;
        margin: 0 auto;
        display: block;
    }
}

@media only screen and (max-width: 576px) {
    .btn,
    #fullArticle .admin-edit,
    #mainNav .nav a {
        width: 100%;
        font-size: 1.25em;
    }
}

.btn.btn-white {
    background-color: #ffffff;
    color: #4a83ff;
    box-shadow: 15px 25px 30px 0 rgba(63, 96, 165, 0);
    transition: background-color 300ms ease, color 300ms ease, box-shadow 300ms ease;
}

.btn.btn-white:hover {
    background-color: #ffffff;
    color: #4a83ff;
    box-shadow: 15px 25px 30px 0 rgba(63, 96, 165, 0.35);
}

.btn.btn-white:active,
.btn.btn-white:focus {
    background-color: #ffffff;
    color: #8EA8DC;
    box-shadow: 15px 25px 30px 0 rgba(63, 96, 165, 0);
}

.btn.btn-white:disabled,
.btn.btn-white.disabled {
    opacity: 1;
    background-color: rgba(255, 255, 255, 0.5);
    color: rgba(74, 131, 255, 0.85);
    box-shadow: 15px 25px 30px 0 rgba(63, 96, 165, 0);
}

.btn.btn-white-border {
    border: 2px solid rgba(74, 131, 255, 0.3);
    line-height: 44px;
    background-color: #ffffff;
    color: #4a83ff;
    box-shadow: 20px 30px 50px 0 rgba(110, 157, 252, 0);
    transition: background-color 300ms ease, color 300ms ease, box-shadow 300ms ease;
}

.btn.btn-white-border:hover {
    background-color: #ffffff;
    color: #4a83ff;
    box-shadow: 20px 30px 50px 0 rgba(110, 157, 252, 0.2);
}

.btn.btn-white-border:active,
.btn.btn-white-border:focus {
    background-color: #ffffff;
    color: #4a83ff;
    box-shadow: 15px 25px 0 0 rgba(63, 96, 165, 0);
}

.btn.btn-white-border:disabled,
.btn.btn-white-border.disabled {
    opacity: 1;
    background-color: #ffffff;
    color: rgba(74, 131, 255, 0.5);
    box-shadow: 15px 25px 0 0 rgba(63, 96, 165, 0);
}

.btn.btn-ltblue {
    background-color: #E5EDFF;
    color: #4a83ff;
    box-shadow: 20px 30px 50px 0 rgba(110, 157, 252, 0);
    transition: background-color 300ms ease, color 300ms ease, box-shadow 300ms ease;
}

.btn.btn-ltblue:hover {
    background-color: #E5EDFF;
    color: #4a83ff;
    box-shadow: 20px 30px 50px 0 rgba(110, 157, 252, 0.2);
}

.btn.btn-ltblue:active,
.btn.btn-ltblue:focus {
    background-color: #D3E1FE;
    color: #4a83ff;
    box-shadow: 15px 25px 0 0 rgba(63, 96, 165, 0);
}

.btn.btn-ltblue:disabled,
.btn.btn-ltblue.disabled {
    opacity: 1;
    background-color: #EFF2FA;
    color: rgba(74, 131, 255, 0.5);
    box-shadow: 15px 25px 0 0 rgba(63, 96, 165, 0);
}

.btn.btn-blue {
    background-color: #4a83ff;
    color: #ffffff;
    box-shadow: 20px 30px 50px 0 rgba(110, 157, 252, 0);
    transition: background-color 300ms ease, color 300ms ease, box-shadow 300ms ease;
}

.btn.btn-blue:hover {
    background-color: #4a83ff;
    color: #ffffff;
    box-shadow: 20px 30px 50px 0 rgba(110, 157, 252, 0.2);
}

.btn.btn-blue:active,
.btn.btn-blue:focus {
    background-color: #5282FB;
    color: #ffffff;
    box-shadow: 15px 25px 0 0 rgba(63, 96, 165, 0);
}

.btn.btn-blue:disabled,
.btn.btn-blue.disabled {
    opacity: 1;
    background-color: #B1C9FA;
    color: rgba(255, 255, 255, 0.7);
    box-shadow: 15px 25px 0 0 rgba(63, 96, 165, 0);
}

.btn.btn-lily {
    background-color: #6754c5;
    color: #ffffff;
    box-shadow: 20px 30px 50px 0 rgba(110, 157, 252, 0);
    transition: background-color 300ms ease, color 300ms ease, box-shadow 300ms ease;
}

.btn.btn-lily:hover {
    background-color: #6754c5;
    color: #ffffff;
    box-shadow: 20px 30px 50px 0 rgba(112, 93, 202, 0.15);
}

.btn.btn-lily:active,
.btn.btn-lily:focus {
    background-color: #4736AF;
    color: #ffffff;
    box-shadow: 15px 25px 0 0 rgba(63, 96, 165, 0);
}

.btn.btn-lily:disabled,
.btn.btn-lily.disabled {
    opacity: 1;
    background-color: #D3CFEC;
    color: rgba(255, 255, 255, 0.7);
    box-shadow: 15px 25px 0 0 rgba(63, 96, 165, 0);
}

.btn.btn-red {
    background-color: #F45C7D;
    color: #ffffff;
    box-shadow: 20px 30px 50px 0 rgba(244, 92, 125, 0);
    transition: background-color 300ms ease, color 300ms ease, box-shadow 300ms ease;
}

.btn.btn-red:hover {
    background-color: #F45C7D;
    color: #ffffff;
    box-shadow: 20px 30px 50px 0 rgba(244, 92, 125, 0.15);
}

.btn.btn-red:active,
.btn.btn-red:focus {
    background-color: #EC304D;
    color: #ffffff;
    box-shadow: 15px 25px 0 0 rgba(244, 92, 125, 0);
}

.btn.btn-red:disabled,
.btn.btn-red.disabled {
    opacity: 1;
    background-color: #F4CFD9;
    color: rgba(255, 255, 255, 0.7);
    box-shadow: 15px 25px 0 0 rgba(244, 92, 125, 0);
}

.btn.mini {
    padding: 0 9px;
    width: auto;
    max-width: initial;
    min-width: initial;
    height: 30px;
    line-height: 30px;
}

.btn.short {
    height: 40px;
    line-height: 40px;
}

.btn.full {
    width: 100%;
    text-align: center;
}

.btn.wide {
    padding: 0 50px;
}

.btn.save {
    background-image: url(../img/icons/icon-checkmark.svg);
    background-repeat: no-repeat;
    background-position: calc(100% - 15px) center;
    background-size: 14px auto;
    padding-right: 40px;
}

@media only screen and (max-width: 767px) {
    .btn.save {
        padding-right: 60px;
    }
}

.btn.refresh {
    background-image: url(../img/icons/icon-refresh.svg);
    background-position: calc(100% - 10px) center;
    background-repeat: no-repeat;
    background-size: 14px auto;
    padding-right: 40px;
}

.btn.add {
    position: relative;
    padding-left: 50px;
}

.btn.add:before {
    content: "+";
    background: rgba(0, 0, 0, 0.1);
    color: #ffffff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: absolute;
    line-height: 30px;
    text-align: center;
    left: 10px;
    top: 10px;
    font-weight: 700;
    font-size: 1.5em;
}

.btn.edit {
    position: relative;
    padding-left: 50px;
}

.btn.edit:before {
    content: "";
    background: rgba(0, 0, 0, 0.1);
    color: #ffffff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: absolute;
    line-height: 30px;
    text-align: center;
    left: 10px;
    top: 10px;
    font-weight: 700;
    font-size: 1.5em;
    background-image: url(../img/icons/icon-edit.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 10px auto;
}

.collapser {
    width: 24px;
    height: 24px;
    position: relative;
    background: #E5EDFF;
    border-radius: 50%;
    outline: none !important;
    text-indent: -9999px;
    transform: rotate(180deg);
    transition: all .3s ease;
    border: none;
    cursor: pointer;
    overflow: hidden;
    padding: 0;
}

.collapser.collapsed {
    transform: rotate(0deg);
    transition: all .3s ease;
}

.collapser:before {
    content: "";
    width: 10px;
    height: 2px;
    border-radius: 1px;
    background: #4a83ff;
    position: absolute;
    transform: rotate(45deg);
    top: 12px;
    left: 4px;
}

.collapser:after {
    content: "";
    width: 10px;
    height: 2px;
    border-radius: 1px;
    background: #4a83ff;
    position: absolute;
    transform: rotate(135deg);
    top: 12px;
    left: 10px;
}

@media only screen and (max-width: 1023px) {
    body.menu-opened {
        overflow: hidden;
    }
}

body.scrolled .advmenu:not(.noshrink) {
    background-color: rgba(255, 255, 255, 0.97);
    height: 70px;
    box-shadow: 1px 3px 30px rgba(103, 129, 181, 0.16);
}

body.scrolled .advmenu:not(.noshrink) .dropdownRoot {
    top: 60px;
}

body.scrolled .advmenu:not(.noshrink) .navigation-top {
    margin: 10px auto;
}

body.scrolled .advmenu:not(.noshrink) .navigation-top .btn {
    height: 40px;
    line-height: 40px;
    transition: all .5s ease;
}

@media only screen and (max-width: 1023px) {
    body.scrolled .advmenu:not(.noshrink) .navigation-top .btn {
        height: 30px;
        line-height: 30px;
    }
}

body.scrolled .advmenu:not(.noshrink) .navigation-top .btn.btn-white-border {
    line-height: 34px;
}

body.scrolled .advmenu:not(.noshrink) .navigation-top .member-nav {
    top: 5px;
}

@media only screen and (max-width: 1023px) {
    body.scrolled .advmenu:not(.noshrink) .navigation-top .member-nav {
        top: 10px;
    }
}

header.advmenu {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    z-index: 500;
    height: 90px;
    -webkit-perspective: 2000px;
    perspective: 2000px;
    top: 0;
    position: fixed;
    width: 100%;
    transition: all 0.3 ease;
    /*
      .item-login:after
      {
          font: normal 16px StripeIcons;
          content: '\279E';
          padding-left: 1px
      }
      */
    /*
      .withIcon
      {
          padding-left: 28px;

          .linkTitle
          {
              margin-left: -28px
          }
      }
      */
}

@media only screen and (max-width: 767px) {
    header.advmenu {
        background: #fff;
        height: 70px;
    }
}

header.advmenu .container,
header.advmenu .container-fluid,
header.advmenu .container-lg,
header.advmenu .container-wide,
header.advmenu .container-xl {
    margin: 0 auto;
    padding: 0 30px;
    width: 100%;
}

@media only screen and (max-width: 1023px) {
    header.advmenu .container,
    header.advmenu .container-fluid,
    header.advmenu .container-lg,
    header.advmenu .container-wide,
    header.advmenu .container-xl {
        padding: 0 15px;
    }
}

@media only screen and (max-width: 767px) {
    header.advmenu .container,
    header.advmenu .container-fluid,
    header.advmenu .container-lg,
    header.advmenu .container-wide,
    header.advmenu .container-xl {
        padding: 0 20px;
    }
}

header.advmenu .container,
header.advmenu .container-lg {
    max-width: 1160px;
}

header.advmenu .container-wide,
header.advmenu .container-xl {
    max-width: 1360px;
}

header.advmenu > .container-lg {
    padding: 0;
}

@media only screen and (max-width: 1023px) {
    header.advmenu .btn {
        height: 30px;
        line-height: 30px;
        padding: 0 9px;
        display: inline-block;
        width: auto;
    }
}

header.advmenu ul {
    padding: 0;
    margin: 0;
}

header.advmenu li {
    list-style: none;
}

header.advmenu a {
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
    color: #4d4e4e;
    -webkit-transition: color .1s;
    transition: color .1s;
}

header.advmenu a:hover {
    color: #4d3aac;
}

header.advmenu .navRoot {
    position: relative;
}

header.advmenu .navigation-top {
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    width: 100%;
    padding: 30px;
    transition: margin 0.3s;
    max-width: 1360px;
    margin: 30px auto;
    padding: 0 30px;
    position: relative;
}

@media only screen and (max-width: 1023px) {
    header.advmenu .navigation-top {
        margin: 10px auto;
        padding: 0 15px;
        height: 60px;
    }
}

@media only screen and (max-width: 767px) {
    header.advmenu .navigation-top {
        padding: 0;
    }
}

header.advmenu .navigation-top .backbtn {
    position: absolute;
    color: #4a83ff;
    left: 25px;
    top: 45%;
    transform: translateY(-50%);
    transition: opacity 0.3s;
    cursor: pointer;
}

header.advmenu .navigation-top .backbtn.hidden {
    opacity: 0;
    pointer-events: none;
}

header.advmenu .navigation-top .backbtn span {
    display: inline-block;
    vertical-align: middle;
    margin-right: 6px;
    font-size: 1.15em;
}

header.advmenu .navigation-top .backbtn span.collapser {
    transform: rotate(90deg);
}

header.advmenu .navigation-top .site-logo {
    display: block;
    margin: 0;
    font-size: 0;
    position: relative;
    z-index: 3;
    max-width: 120px;
    padding-top: 14px;
}

@media only screen and (max-width: 1023px) {
    header.advmenu .navigation-top .site-logo {
        margin: 0 auto 0 0;
    }
}

@media only screen and (max-width: 767px) {
    header.advmenu .navigation-top .site-logo {
        padding-left: 25px;
        max-width: 140px;
    }
}

@media screen and (max-width: 350px) {
    header.advmenu .navigation-top .site-logo {
        padding-top: 16px;
    }
}

header.advmenu .navigation-top .site-logo a {
    position: relative;
    display: inline-block;
    font-size: 2.5rem;
    height: 20px;
}

@media only screen and (max-width: 1023px) {
    header.advmenu .navigation-top .site-logo a {
        height: 20px;
    }
}

@media screen and (max-width: 350px) {
    header.advmenu .navigation-top .site-logo a {
        height: 16px;
    }
}

header.advmenu .navigation-top .site-logo a img {
    position: static;
    display: block;
    width: auto;
    height: 100%;
}

header.advmenu .navigation-top .site-logo a img.logo-alt {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

header.advmenu .navigation-top .member-nav {
    position: absolute;
    right: 30px;
    top: 0;
    bottom: 0;
}

@media only screen and (max-width: 1023px) {
    header.advmenu .navigation-top .member-nav {
        right: 54px;
        top: 10px;
    }
}

header.advmenu .navigation-top .member-nav ul li {
    display: inline-block;
    margin-left: 10px;
}

@media only screen and (max-width: 1023px) {
    header.advmenu .navigation-top .member-nav ul li .btn {
        height: 30px !important;
        line-height: 30px !important;
        padding: 0 9px;
        display: inline-block;
        width: auto;
    }

    header.advmenu .navigation-top .member-nav ul li .btn.wide {
        padding: 0 20px;
    }

    header.advmenu .navigation-top .member-nav ul li .btn.btn-white-border {
        line-height: 24px;
    }
}

header.advmenu .navSection.logo {
    position: absolute;
    left: 0;
}

@media only screen and (max-width: 767px) {
    header.advmenu .navSection.logo {
        padding-left: 15px;
        max-width: 140px;
        padding-top: 14px;
        margin-top: 0px;
    }
}

header.advmenu .navSection.logo .rootLink {
    padding-left: 0;
}

header.advmenu .navSection.primary,
header.advmenu .navSection.secondary {
    display: none;
}

header.advmenu .navSection.primary:not(:empty),
header.advmenu .navSection.secondary:not(:empty) {
    padding-right: 20px;
}

@media (min-width: 768px) {
    header.advmenu .navSection.primary,
    header.advmenu .navSection.secondary {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: -ms-flex;
        display: flex;
        -webkit-align-items: center;
        -ms-align-items: center;
        align-items: center;
    }
}

header.advmenu .navSection.primary {
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    font-size: 1rem;
    line-height: 2rem;
}

header.advmenu .navSection.primary .rootLink {
    font-weight: 600;
}

@media only screen and (max-width: 1023px) {
    header.advmenu .navSection.primary {
        font-size: 16px;
    }
}

header.advmenu .navSection.secondary {
    position: absolute;
    top: 0;
    right: 0;
    height: 50px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
}

header.advmenu .navSection.secondary .btn {
    margin-left: 9px;
}

header.advmenu .navSection.secondary:not(:empty) {
    padding-right: 0;
}

@media only screen and (max-width: 767px) {
    header.advmenu .navSection.secondary:not(:empty) {
        padding-right: 55px;
    }
}

header.advmenu .navSection.mobile {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-justify-content: flex-end;
    -ms-justify-content: flex-end;
    justify-content: flex-end;
    font-size: 1.375em;
}

@media (min-width: 768px) {
    header.advmenu .navSection.mobile {
        display: none;
    }
}

header.advmenu .navSection.mobile .rootLink {
    cursor: pointer;
    width: 50px;
    height: 50px;
    position: relative;
}

header.advmenu .navSection.mobile .rootLink h2,
header.advmenu .navSection.mobile .rootLink h2:after,
header.advmenu .navSection.mobile .rootLink h2:before {
    position: absolute;
    width: 24px;
    height: 3px;
    border-radius: 1px;
    background: currentColor;
}

header.advmenu .navSection.mobile .rootLink h2 {
    color: inherit;
    font-size: 0;
    left: 10px;
    top: 23px;
}

header.advmenu .navSection.mobile .rootLink h2:after,
header.advmenu .navSection.mobile .rootLink h2:before {
    content: '';
    left: 0;
}

header.advmenu .navSection.mobile .rootLink h2:before {
    top: -9px;
}

header.advmenu .navSection.mobile .rootLink h2:after {
    top: 9px;
}

header.advmenu .navSection.mobile.globalPopupActive .popupContainer {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    pointer-events: auto;
}

header.advmenu.compact .navRoot {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
}

header.advmenu.compact .navSection.logo {
    position: static;
    -webkit-flex-grow: 1;
    -ms-flex-grow: 1;
    flex-grow: 1;
}

header.advmenu.compact .navSection.secondary {
    position: static;
}

header.advmenu .rootLink:not(.btn) {
    display: inline-block;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin: 0;
    cursor: pointer;
    display: block;
    color: #6d6d6d;
    font-family: proxima-nova, Arial, Helvetica, Sans-Serif;
    font-size: 1em;
    font-weight: 500;
    letter-spacing: .5px;
}

@media (min-width: 768px) {
    header.advmenu .rootLink:not(.btn) {
        padding: 10px calc(10px + (100vw - 768px) * .040541);
    }
}

@media (min-width: 1024px) {
    header.advmenu .rootLink:not(.btn) {
        padding: 10px 22px;
    }
}

header.advmenu .colorize {
    -webkit-transition: color .1s ease;
    transition: color .1s ease;
}

header.advmenu .colorize.active,
header.advmenu .colorize:hover {
    color: #6754c5;
}

header.advmenu .hasDropdown:after {
    content: "";
    display: inline-block;
    margin: -0.1em 0 0 0.3rem;
    transition-property: transform;
    transition-duration: 0.3s;
    width: 6px;
    height: 6px;
    border: 1px solid currentColor;
    border-top: 0;
    border-left: 0;
    vertical-align: middle;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

header.advmenu .hasDropdown.active:after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

header.advmenu .dropdownRoot {
    position: absolute;
    z-index: 1000;
    left: 0;
    right: 0;
    top: 80px;
    pointer-events: none;
    -webkit-transform: rotateX(-15deg);
    transform: rotateX(-15deg);
    -webkit-transform-origin: 50% -50px;
    transform-origin: 50% -50px;
    opacity: 0;
    will-change: transform, opacity;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-transition-duration: .25s;
    transition-duration: .25s;
    display: none;
}

@media (min-width: 768px) {
    header.advmenu .dropdownRoot {
        display: block;
    }
}

header.advmenu.dropdownActive .dropdownRoot {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
}

header.advmenu.dropdownActive .dropdownSection.active {
    pointer-events: auto;
}

header.advmenu .alternateBackground,
header.advmenu .dropdownBackground {
    position: absolute;
    top: 0;
    left: 0;
    will-change: transform;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: .25s;
    transition-duration: 0.25s;
}

header.advmenu .dropdownBackground {
    background: #fff;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0 50px 100px rgba(110, 157, 252, 0.07), 0 15px 55px rgba(110, 157, 252, 0.15), 0 5px 15px rgba(0, 0, 0, 0.07);
    width: 520px;
    height: 400px;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}

header.advmenu .alternateBackground {
    right: 0;
    height: 1000px;
    background: #f6f9fc;
}

header.advmenu .dropdownArrow {
    top: -6px;
    margin: 0 0 0 -6px;
    width: 12px;
    height: 12px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-radius: 4px 0 0 0;
    background: #fff;
    box-shadow: -3px -3px 5px rgba(82, 95, 127, 0.04);
    will-change: transform;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
}

header.advmenu .dropdownArrow,
header.advmenu .dropdownContainer {
    position: absolute;
    left: 0;
    -webkit-transition-duration: .25s;
    transition-duration: 0.25s;
}

header.advmenu .dropdownContainer {
    overflow: hidden;
    top: 0;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    will-change: transform, width, height;
    -webkit-transition-property: width, height, -webkit-transform;
    transition-property: width, height, -webkit-transform;
    transition-property: transform, width, height;
    transition-property: transform, width, height, -webkit-transform;
}

header.advmenu .dropdownSection {
    opacity: 0;
    pointer-events: none;
    will-change: transform, opacity;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-transition-duration: .25s;
    transition-duration: .25s;
    background: red;
}

header.advmenu .dropdownSection.active {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

header.advmenu .dropdownSection.left {
    -webkit-transform: translateX(-150px);
    transform: translateX(-150px);
}

header.advmenu .dropdownSection.right {
    -webkit-transform: translateX(150px);
    transform: translateX(150px);
}

header.advmenu.noDropdownTransition .alternateBackground,
header.advmenu.noDropdownTransition .dropdownArrow,
header.advmenu.noDropdownTransition .dropdownBackground,
header.advmenu.noDropdownTransition .dropdownContainer,
header.advmenu.noDropdownTransition .dropdownSection {
    -webkit-transition: none;
    transition: none;
}

header.advmenu .dropdownContent {
    position: absolute;
    top: 0;
    left: 0;
}

header.advmenu .linkGroup {
    padding: 20px 35px;
}

header.advmenu .linkContainer {
    display: block;
    padding: 9px 0;
}

header.advmenu .linkContainer.main-subheader {
    font-size: 1em;
    margin: 0 0 4px;
    font-weight: 700;
}

header.advmenu .linkTitle {
    margin: 0;
    color: #6754c5;
    font-size: 0.8em;
    line-height: 1.375;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: .025em;
}

header.advmenu .linkSub {
    font-size: .8em;
    color: #6b7c93;
    margin: 0px 0 0;
    display: block;
    padding: 0;
}

header.advmenu .linkSub,
header.advmenu .linkTitle {
    -webkit-transition: color .1s;
    transition: color .1s;
}

header.advmenu .linkContainer:hover .linkTitle,
header.advmenu .linkTitle:hover {
    color: #32325d;
}

header.advmenu .linkContainer:hover .linkSub {
    color: #424770;
}

header.advmenu .hover-fillDark,
header.advmenu .hover-fillLight {
    -webkit-transition: fill .1s;
    transition: fill 0.1s;
}

header.advmenu .hover-strokeDark,
header.advmenu .hover-strokeLight {
    -webkit-transition: stroke .1s;
    transition: stroke 0.1s;
}

header.advmenu .linkContainer:hover .hover-fillLight {
    fill: #8898aa;
}

header.advmenu .linkContainer:hover .hover-fillLight {
    fill: #8898aa;
}

header.advmenu .linkContainer:hover .hover-fillDark {
    fill: #32325d;
}

header.advmenu .linkContainer:hover .hover-strokeLight {
    stroke: #8898aa;
}

header.advmenu .linkContainer:hover .hover-strokeDark {
    stroke: #32325d;
}

header.advmenu .linkContainer:hover .new-badge {
    background: #32325d;
}

header.advmenu .linkIcon {
    white-space: nowrap;
}

header.advmenu .linkIcon svg {
    margin: 0 12px -3px -1px;
}

header.advmenu .new-badge {
    display: inline-block;
    margin-left: 5px;
    vertical-align: 2px;
    color: #fff;
    text-transform: uppercase;
    font-size: 0.5em;
    line-height: 1.4;
    font-weight: 700;
    background: #6754c5;
    -webkit-transition: background .15s;
    transition: background .15s;
    border-radius: 10px;
    padding: 0 5px;
    height: auto;
    top: auto;
    box-shadow: none;
}

header.advmenu .groupList {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 640px;
    max-width: calc(100vw - 85px);
    margin: -5px -10px;
}

header.advmenu .groupList > li {
    -webkit-flex: 1 0 50%;
    -ms-flex: 1 0 50%;
    flex: 1 0 50%;
}

header.advmenu .groupList .linkContainer,
header.advmenu .groupList > li {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex-grow: 1;
    -ms-flex-grow: 1;
    flex-grow: 1;
}

header.advmenu .groupList .linkContainer {
    padding: 18px 10px;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
}

header.advmenu .groupList .svg {
    width: 48px;
    height: 48px;
}

header.advmenu .productLinkContent {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: 20px;
    min-height: 71px;
}

header.advmenu .sub-group,
header.advmenu .productLinkContent {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
}

header.advmenu .sub-group .linkContainer {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 13px 30px;
}

header.advmenu .sub-group .linkSub {
    margin: 0 0 0 10px;
}

header.advmenu .item-violet .linkTitle {
    color: #6754c5;
}

header.advmenu .item-green .linkTitle {
    color: #24b47e;
}

header.advmenu .item-blue .linkTitle {
    color: #3297d3;
}

header.advmenu .item-red .linkTitle {
    color: #e25950;
}

header.advmenu .item-orange .linkTitle {
    color: #e39f48;
}

header.advmenu .item-test5 .linkTitle {
    color: #b76ac4;
}

header.advmenu .item-test5 .new-badge {
    background: #b76ac4;
}

header.advmenu .linkTitleContainer {
    position: relative;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    font-weight: bold;
    margin: 0 0 20px;
    padding: 0 0 20px;
}

header.advmenu .linkTitleContainer .main-header {
    font-size: 1.2em;
    color: #6754c5;
}

header.advmenu .linkTitleContainer:before {
    position: absolute;
    background-color: #e9e9e9;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    right: 0;
}

header.advmenu .columnsGroup .columnsList ul {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    margin: 0;
    padding: 0;
    max-width: calc(91.5vw);
    overflow: auto;
}

header.advmenu .columnsGroup .columnsList ul li {
    padding-right: 40px;
}

header.advmenu .columnsGroup .columnsList ul .linkContainer {
    font-size: 1em;
    white-space: nowrap;
}

header.advmenu .columnsGroup .columnsList ul .linkContainer.main-subheader {
    font-size: 1.2em;
    color: #6754c5;
}

header.advmenu .articlesGroup .linkSub {
    max-width: 250px;
}

header.advmenu .articlesList {
    font-size: 0.75em;
    line-height: 1.7334;
    margin: 15px 20px 0 28px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    white-space: nowrap;
}

header.advmenu .articlesList > ul {
    margin-right: 40px;
}

header.advmenu .articlesList > ul:last-child {
    margin-right: 0;
}

header.advmenu .articlesList h4 {
    font-size: 0.875em;
    line-height: 1.57;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .025em;
    margin: 0 0 3px;
    color: #8898aa;
}

header.advmenu .linkSubGroup {
    margin: 5px 10px 5px 28px;
}

header.advmenu .linkSubGroup a {
    display: block;
    white-space: nowrap;
    padding: 5px 0;
}

header.advmenu .linkSubGroup a:after {
    /*content: '\27A2';*/
    font: normal 16px StripeIcons;
    margin-left: 6px;
    vertical-align: -3px;
}

header.advmenu .linkSubGroup a:hover .new-badge {
    background: #32325d;
}

header.advmenu .linkSubGroup .title {
    font-size: 0.75em;
    line-height: 1.4667;
    display: inline-block;
    white-space: nowrap;
    max-width: 300px;
    text-overflow: ellipsis;
    overflow: hidden;
    vertical-align: top;
}

header.advmenu .linkSubGroup .title.new {
    font-weight: 500;
}

header.advmenu .linkSubGroup .new-badge {
    vertical-align: -1px;
}

header.advmenu .popupnav {
    position: absolute;
    left: 10px;
    top: 5px;
    right: 10px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-justify-content: flex-end;
    -ms-justify-content: flex-end;
    justify-content: flex-end;
    pointer-events: none;
    -webkit-perspective: 2000px;
    perspective: 2000px;
}

header.advmenu .popupnav a {
    display: block;
}

header.advmenu .popupContainer {
    background: #fff;
    box-shadow: 0 50px 100px rgba(50, 50, 93, 0.1), 0 15px 35px rgba(50, 50, 93, 0.15), 0 5px 15px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    overflow: hidden;
    position: relative;
    font-size: 0.8em;
    line-height: 2.5;
    white-space: nowrap;
    -webkit-flex-grow: 1;
    -ms-flex-grow: 1;
    flex-grow: 1;
    -webkit-transform: rotate3d(1, 1, 0, -15deg);
    transform: rotate3d(1, 1, 0, -15deg);
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
    opacity: 0;
    will-change: transform, opacity;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-transition-duration: .25s;
    transition-duration: .25s;
}

header.advmenu .popupCloseButton {
    position: absolute;
    right: 0;
    top: 0;
    width: 51px;
    height: 51px;
    font-size: 0;
    cursor: pointer;
}

header.advmenu .popupCloseButton:after,
header.advmenu .popupCloseButton:before {
    content: '';
    position: absolute;
    background: #6754c5;
    border-radius: 1px;
    left: 14px;
    right: 14px;
    top: 24px;
    height: 3px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: background .1s;
    transition: background .1s;
}

header.advmenu .popupCloseButton:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

header.advmenu .popupCloseButton:hover:after,
header.advmenu .popupCloseButton:hover:before {
    background: #32325d;
}

header.advmenu .mobileCTA {
    background: #f6f9fc;
    display: block;
    padding: 12px 30px;
    font-weight: 600;
}

header.advmenu .mobileCTA:after {
    font: normal 16px StripeIcons;
    content: '\279C';
    margin-left: 6px;
}

header.advmenu .mobilePrimaryNav {
    padding: 20px 0 15px;
}

header.advmenu .mobilePrimaryNav h4 {
    font-size: 0.875em;
    font-weight: 600;
    letter-spacing: .025em;
    color: #8898aa;
    text-transform: uppercase;
    margin: -5px 0 0 30px;
}

header.advmenu .mobileNavList {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

header.advmenu .mobileNavList > ul {
    -webkit-flex-grow: 1;
    -ms-flex-grow: 1;
    flex-grow: 1;
}

header.advmenu .mobileNavList > ul:last-child {
    -webkit-box-flex: 3;
    -webkit-flex-grow: 3;
    -ms-flex-positive: 3;
    flex-grow: 3;
}

header.advmenu .mobileNavList a {
    padding: 0 30px;
    font-size: 1.25em;
    font-weight: 500;
    line-height: 2.5;
}

header.advmenu .mobileNavList a:hover {
    color: #32325d;
}

header.advmenu .mobileNavList a svg {
    display: inline-block;
    width: 26px;
    height: 26px;
    margin: 0 15px 0 -3px;
    vertical-align: -5px;
}

header.advmenu .mobileNavList .item-violet {
    color: #6754c5;
}

header.advmenu .mobileNavList .item-green {
    color: #24b47e;
}

header.advmenu .mobileNavList .item-blue {
    color: #3297d3;
}

header.advmenu .mobileNavList .item-red {
    color: #e25950;
}

header.advmenu .mobileNavList .item-orange {
    color: #e39f48;
}

header.advmenu .mobileNavList .item-purple {
    color: #b76ac4;
}

header.advmenu .mobileSecondaryNav {
    border-top: 2px solid #f6f9fc;
    padding: 15px 10px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

header.advmenu .mobileSecondaryNav > ul {
    -webkit-flex-grow: 1;
    -ms-flex-grow: 1;
    flex-grow: 1;
}

header.advmenu .mobileSecondaryNav > ul:last-child {
    -webkit-box-flex: 3;
    -webkit-flex-grow: 3;
    -ms-flex-positive: 3;
    flex-grow: 3;
}

header.advmenu .mobileSecondaryNav > ul a {
    padding: 0 20px;
    min-width: 100px;
}

a.main-subheader {
    font-size: 1.2em;
    color: #6754c5;
}

img.logo {
    width: 130px;
}

html {
    font-size: 16px;
    overflow-x: hidden;
}

body {
    font-family: proxima-nova, Arial, Helvetica, Sans-Serif;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    background-color: #ffffff;
    line-height: 1.3;
    color: #4d4e4e;
    font-weight: 400;
    overflow-x: hidden;
    font-size: 16px;
}

a {
    color: #4a83ff;
    -webkit-transition: all 0.3s, font-size 1ms;
    -moz-transition: all 0.3s, font-size 1ms;
    -ms-transition: all 0.3s, font-size 1ms;
    -o-transition: all 0.3s, font-size 1ms;
    transition: all 0.3s, font-size 1ms;
    text-decoration: none;
}

a:hover {
    color: #000000;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 1.325em;
    color: #6754c5;
    font-family: lato, Sans-Serif;
}

h1 > a,
h2 > a,
h3 > a,
h4 > a,
h5 > a,
h6 > a {
    color: #6754c5;
}

h1 {
    font-size: 2.625em;
    font-weight: 400;
}

@media only screen and (max-width: 767px) {
    h1 {
        font-size: 2.75em;
    }
}

h2 {
    font-size: 2em;
    font-weight: 500;
    letter-spacing: 0;
}

h3 {
    font-size: 1.5em;
    margin-bottom: 10px;
}

h4 {
    color: #1fb384;
    letter-spacing: 0.7px;
    line-height: 30px;
    font-weight: 500;
    font-size: 1.2em;
    margin-bottom: 10px;
}

h5 {
    color: #A0ACBA;
    letter-spacing: 0;
    line-height: 30px;
    font-size: .875em;
}

p {
    padding-bottom: 1em;
    line-height: 1.775em;
    letter-spacing: 0.3px;
    font-size: 1.13em;
}

@media only screen and (max-width: 1023px) {
    p {
        font-size: 1em;
        line-height: 1.5em;
    }
}

@media only screen and (max-width: 767px) {
    p {
        font-size: 1.2em !important;
    }
}

p.bigger {
    font-size: 1.125em;
}

@media only screen and (max-width: 767px) {
    p.bigger {
        font-size: 1.65em;
        text-align: center;
        line-height: 1.8em;
    }
}

p.smaller {
    font-size: .875em;
}

p small {
    font-size: 85%;
}

@media only screen and (max-width: 767px) {
    p {
        font-size: 1.38em;
        line-height: 1.7em;
    }
}

p a {
    font-weight: 700;
}

.sep:after {
    content: '';
}

@media only screen and (max-width: 767px) {
    #contentArea {
        padding-top: 0;
    }
}

#categoryHead {
    margin-top: 50px;
}

.contentWrapper h1 {
    font-size: 2.5em !important;
    color: #6754c5;
    line-height: 40px;
    font-weight: 300 !important;
}

@media only screen and (max-width: 767px) {
    .contentWrapper h1 {
        font-size: 2em;
    }
}

#fullArticle {
    margin-top: 50px;
}

@media only screen and (max-width: 767px) {
    #fullArticle {
        margin-top: 0px;
    }
}

#fullArticle p.callout-yellow {
    font-size: 1.2em !important;
}

#fullArticle .admin-edit {
    text-shadow: none;
}

#fullArticle .title {
    font-size: 3em !important;
    color: #6754c5;
    line-height: 50px;
    font-weight: 400 !important;
}

@media only screen and (max-width: 767px) {
    #fullArticle .title {
        font-size: 2em !important;
    }
}

#fullArticle p,
#fullArticle dd {
    font-family: proxima-nova, Arial, Helvetica, Sans-Serif;
    font-size: 1.3em !important;
    color: #505A67;
    letter-spacing: 0.3px;
    line-height: 1.7em;
    font-weight: 400;
}

@media only screen and (max-width: 767px) {
    #fullArticle p,
    #fullArticle dd {
        font-size: 1.2em !important;
    }
}

#fullArticle h1,
#fullArticle h2,
#fullArticle h3,
#fullArticle h4,
#fullArticle h5,
#fullArticle h6 {
    font-family: lato, Sans-Serif;
    line-height: 30px;
    font-weight: 500;
}

#fullArticle h1 {
    font-size: 42px;
    color: #6754c5;
    line-height: 50px;
    font-weight: 300;
}

#fullArticle h2 {
    font-size: 2em;
    color: #6754c5;
    letter-spacing: 0;
    line-height: 40px;
}

#fullArticle h3 {
    font-size: 24px;
    color: #7a6ac7;
    letter-spacing: 0.63px;
    line-height: 50px;
}

#fullArticle h4 {
    font-size: 16px;
    color: #505A67;
    letter-spacing: 0.7px;
}

#fullArticle h5 {
    font-family: proxima-nova, Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    color: #A0ACBA;
    letter-spacing: 0;
}

#fullArticle h6 {
    font-family: proxima-nova, Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    color: #A0ACBA;
    letter-spacing: 0;
}

#fullArticle h5 {
    color: #A0ACBA;
}

#fullArticle dd:before {
    margin-top: -2px;
}

#fullArticle ol {
    list-style: none;
}

#fullArticle ol li {
    padding-left: 50px;
    position: relative;
    line-height: 1.6em;
    letter-spacing: 0.3px;
    counter-increment: item;
    padding-bottom: 10px;
    font-size: 1.13em;
}

#fullArticle ol li:before {
    content: "";
    width: 30px;
    height: 30px;
    background: #E5EDFF;
    display: block;
    position: absolute;
    left: 0;
    top: -2px;
    border-radius: 50%;
}

#fullArticle ol li:after {
    content: counter(item);
    width: 20px;
    height: 20px;
    background: #4a83ff;
    display: block;
    position: absolute;
    left: 5px;
    top: 3px;
    color: #ffffff;
    text-align: center;
    line-height: 20px;
    border-radius: 50%;
    font-family: lato, Sans-Serif;
    font-weight: 700;
    font-size: .75em;
}

#fullArticle ul {
    list-style: none;
    -webkit-padding-start: 0;
}

#fullArticle ul li {
    position: relative;
    line-height: 1.6em;
    letter-spacing: 0.3px;
    font-size: 1.13em;
    padding-left: 50px;
}

#fullArticle ul li:before {
    content: "";
    width: 20px;
    height: 20px;
    background: #E5EDFF;
    display: block;
    position: absolute;
    left: 0;
    top: 2px;
    border-radius: 50%;
}

#fullArticle ul li:after {
    content: "";
    width: 5px;
    height: 5px;
    background: #4a83ff;
    display: block;
    position: absolute;
    left: 7px;
    top: 9px;
    border-radius: 50%;
}

#fullArticle blockquote {
    padding: 60px 25px 25px 50px;
    font-style: normal;
    background-color: #F8FAFF;
    border: 0;
    position: relative;
    margin-bottom: 50px;
}

#fullArticle blockquote h4 {
    font-size: 18px;
}

#fullArticle blockquote h1,
#fullArticle blockquote h2,
#fullArticle blockquote h3,
#fullArticle blockquote h4,
#fullArticle blockquote h5 {
    line-height: 1.5em;
}

#fullArticle blockquote:after {
    content: '';
    position: absolute;
    left: 30px;
    bottom: -25px;
    width: 50px;
    height: 40px;
    background-size: 100%;
    background-image: url("../img/shapes/quotation-blue.svg");
    transform: rotate(180deg);
}

#fullArticle dt {
    background-color: #4a83ff;
    font-size: 12px;
    color: #FFFFFF;
    letter-spacing: 0.33px;
    font-family: lato, Sans-Serif;
    position: relative;
    width: 20px;
    height: 20px;
    padding: 0;
    line-height: 20px;
    border: 5px #E5EDFF solid;
}

#fullArticle .printArticle {
    top: 13px;
}

.icon-article-doc {
    position: relative;
    width: 15px;
    height: 15px;
    display: inline-block;
    margin-right: 8px;
}

.icon-article-doc:before,
.icon-article-doc:after {
    content: '';
    position: absolute;
}

.icon-article-doc:before {
    width: 20px;
    height: 20px;
    left: 0;
    top: 0;
    border-radius: 50%;
    background-color: #E5EDFF;
}

.icon-article-doc:after {
    width: 5px;
    height: 5px;
    left: 7px;
    top: 7px;
    border-radius: 50%;
    background-color: #6690eb;
}

p,
.contentWrapper p.descrip,
.contentWrapper p {
    font-family: proxima-nova, Arial, Helvetica, Sans-Serif;
    font-size: 16px;
    color: #505A67;
    letter-spacing: 0.6px;
    line-height: 30px;
    font-weight: 300;
}

@media only screen and (max-width: 767px) {
    .articleFoot {
        margin-top: 0;
    }
}

.articleFoot .help,
.articleFoot time.lu {
    font-style: normal;
    font-family: proxima-nova, Arial, Helvetica, Sans-Serif;
    font-size: 0.8em !important;
    color: #505A67;
    letter-spacing: 0.6px;
    line-height: 30px;
    font-weight: 300;
    text-align: left;
    padding: 0;
    margin: 0;
}

@media only screen and (max-width: 767px) {
    .articleFoot time.lu {
        float: left;
    }
}

header.advmenu {
    height: 70px;
}

header.advmenu .popupContainer li a {
    line-height: 2.5;
}

@media only screen and (max-width: 767px) {
    header.advmenu {
        font-size: 12px;
    }
}

header.advmenu .navSection.logo {
    padding-left: 0;
}

@media only screen and (max-width: 767px) {
    header.advmenu .navSection.logo {
        padding-top: 9px !important;
    }
}

@media only screen and (max-width: 767px) {
    header.advmenu .navSection.logo .rootLink {
        padding-top: 5px !important;
    }
}

header.advmenu .navigation-top {
    max-width: 1300px;
    margin: 0 auto;
    padding: 30px 0;
}

@media only screen and (max-width: 1279px) {
    header.advmenu .navigation-top {
        padding: 10px 0;
    }
}

header.advmenu .item-mobileMenu {
    margin-top: -10px !important;
}

.videocontainer {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    margin-bottom: 50px !important;
}

.videocontainer iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

header.advmenu .navSection.mobile .rootLink {
    top: 1px !important;
    right: -25px !important;
}

@media only screen and (max-width: 767px) {
    header.advmenu .navSection.secondary:not(:empty) {
        padding-right: 30px;
    }
}

@media only screen and (max-width: 576px) {
    .sep {
        display: none;
    }
}

header.advmenu .popupnav {
    left: -5px !important;
    right: -15px !important;
}

#CybotCookiebotDialogBodyContentTitle {
    font-family: lato, Arial, Helvetica, Sans-Serif !important;
    color: #705dca !important;
    font-weight: 500 !important;
    font-size: 1.6em !important;
}

#CybotCookiebotDialogBody {
    padding-top: 20px !important;
    line-height: 1.5em !important;
}

#CybotCookiebotDialog {
    border: none !important;
    border-radius: 5px !important;
}

#CybotCookiebotDialogBodyContent {
    font-family: proxima-nova, Arial, Helvetica, Sans-Serif !important;
}

#CybotCookiebotDialogBodyButtonDecline {
    background: white !important;
    border: none !important;
    color: grey !important;
    width: auto !important;
    padding: 0 !important;
}

#CybotCookiebotDialogBodyButtonAccept {
    background: #6690eb !important;
    border: none !important;
    padding: 10px 20px !important;
    border-radius: 20px !important;
    font-weight: bold !important;
    font-family: proxima-nova, Arial, Helvetica, Sans-Serif !important;
    font-size: 1.5em !important;
}

#CybotCookiebotDialogBodyContentText p span {
    font-family: proxima-nova, Arial, Helvetica, Sans-Serif !important;
    font-size: 1em !important;
}

.navbar {
    margin: 0;
}

.navbar .navbar-inner {
    background-color: #ffffff;
    margin: 23px auto;
    box-shadow: none;
}

@media only screen and (max-width: 1023px) {
    .navbar .navbar-inner {
        margin: 10px auto;
    }
}

#mainNav .nav a {
    height: 50px;
    width: auto;
    line-height: 50px;
    transition: background .5s ease;
}

#mainNav .nav a:hover {
    background-color: #002c7b !important;
    color: #ffffff !important;
    box-shadow: none;
}

#mainNav .brand {
    min-width: 104px;
    min-height: 20px;
    /*background-image: url("/wp-content/uploads/2018/08/logo.svg");*/
    /*background-size: 100%;*/
    /*background-repeat: no-repeat;*/
    /*display: block;*/
    /*margin: 16px 0;*/
    /*padding: 0;*/
}

/*#mainNav .brand img {*/
/*  display: none;*/
/*}*/
header.advmenu {
    position: relative;
    margin-left: -5px;
}

#docsSearch {
    padding: 35px 0 0 0;
    height: 200px;
    background-color: #F8FAFF;
    box-sizing: border-box;
    border: 0;
    font-family: proxima-nova, Arial, Helvetica, Sans-Serif;
    margin: 50px 0 50px 0;
    background-image: url("/wp-content/themes/unlocator2018/assets/img/shapes/bcg-mob.svg");
    background-size: auto 100%;
    background-position: top left;
    background-repeat: no-repeat;
}

@media only screen and (max-width: 767px) {
    #docsSearch {
        height: auto;
        padding: 45px 0 20px 0;
        margin: 0 0 70px 0;
    }
}

@media only screen and (max-width: 1279px) {
}

#docsSearch h1 {
    color: #6754c5;
    font-weight: 400;
    font-size: 42px;
    width: 96%;
    max-width: 1100px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

@media only screen and (max-width: 576px) {
    #docsSearch h1 {
        font-size: 34px;
    }
}

@media only screen and (max-width: 1279px) {
    #docsSearch h1 {
        text-align: center;
        width: 80%;
    }
}

#sidebar {
    margin-top: 80px !important;
    padding: 0 0 0 20px;
}

@media only screen and (max-width: 767px) {
    #sidebar {
        margin-top: 30px !important;
    }
}

#sidebar h3 {
    font-family: proxima-nova, Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    color: #A0ACBA;
    letter-spacing: 0.43px;
}

#sidebar form {
    margin: 0px 0px 0px -35px;
}

@media only screen and (max-width: 767px) {
    #sidebar form {
        margin: 0px 0px 0px -10px;
    }
}

#sidebar #searchBar .search-query {
    box-shadow: none;
    background: #f7f7f7;
    border-top: 1px solid #dadada;
    border-left: 1px solid #dadada !important;
}

#sidebar .nav-list {
    margin: 9px 0 0 0;
}

#sidebar .nav-list li a {
    font-family: proxima-nova, Arial, Helvetica, Sans-Serif;
    color: #505A67;
    letter-spacing: 0.5px;
    padding: 9px 15px 9px 0;
    font-weight: 500;
    font-size: 0.9em;
}

#sidebar .nav-list li.active a {
    color: #505A67;
    font-weight: 500;
    position: relative;
}

#sidebar .nav-list li.active a:hover {
    font-weight: 500;
}

#sidebar .nav-list li.active a:hover .icon-arrow {
    display: none;
}

#sidebar .nav-list li.active a:before {
    content: '';
    width: 8px;
    height: 8px;
    border: 2px solid #4a83ff;
    left: -23px;
    top: 12px;
    display: block;
    position: absolute;
    border-radius: 50%;
}

@media only screen and (max-width: 767px) {
    #sidebar .nav-list li.active a:before {
        left: -16px;
    }
}

#sidebar .nav-list li.active a .icon-arrow {
    display: none;
}

#searchBar {
    width: 96%;
    max-width: 1100px;
    padding: 0;
    margin: 42px auto 0;
    position: relative;
    transition: box-shadow ease 300ms;
}

#searchBar .search-query {
    position: relative;
    display: block;
    width: 100%;
    margin: 0 auto;
    border: 0;
    z-index: 5;
    background-color: #FFFFFF;
    box-shadow: 20px 30px 40px 0 rgba(110, 157, 252, 0.1);
    border-radius: 4px;
    font-weight: 300;
    font-family: proxima-nova, Arial, Helvetica, Sans-Serif;
}

#searchBar > button {
    position: absolute;
    left: 0;
    z-index: 10;
    top: 0;
    height: 100%;
    background: transparent;
    border: 0;
}

#searchBar > button:hover {
    background: transparent;
    border: 0;
}

#searchBar > button span {
    display: none;
}

#searchBar > button .icon-search {
    display: block;
    color: #6754c5;
}

#serp > h1 {
    font-size: 18px;
    color: #788A9F;
    letter-spacing: 0.5px;
    font-weight: 400;
}

#serp > h1 strong {
    font-weight: 400;
}

#serp .articlesFound {
    padding: 0 0 30px 0;
    font-family: proxima-nova, Arial, Helvetica, Sans-Serif;
    font-size: 16px;
    color: #A0ACBA;
    letter-spacing: 0.3px;
    line-height: 30px;
}

#serp-dd {
    top: 100%;
    z-index: 30;
    border: 0;
    border-top: 2px solid #9FB8FB;
    box-shadow: 20px 30px 40px 0 rgba(110, 157, 252, 0.1);
}

#serp-dd.sb {
    top: 100%;
    width: 100%;
    border-radius: 0;
}

@media only screen and (max-width: 576px) {
    #docsSearch {
        margin: 0 -20px 0px -20px;
        padding: 2px 10px 10px 10px;
    }

    #docsSearch #searchBar {
        margin-top: 10px;
    }
}

#docsSearch #searchBar .search-query {
    padding: 5px 40px 5px 70px;
    height: 70px;
    line-height: 70px;
    background: #fffff !important;
}

@media only screen and (max-width: 576px) {
    #docsSearch #searchBar .search-query {
        height: 50px;
        line-height: 50px;
        padding: 5px 30px 5px 50px;
        font-size: 1em;
    }
}

#docsSearch #searchBar > button {
    padding: 0;
    text-align: center;
    width: 70px;
}

@media only screen and (max-width: 576px) {
    #docsSearch #searchBar > button {
        width: 50px;
    }
}

.sm#searchBar .search-query {
    padding: 24px 30px 24px 40px;
    border: 0;
}

.sm#searchBar > button {
    height: 100%;
    padding: 0 0.5em;
    width: 40px;
}

.sm#searchBar > button .icon-search {
    font-size: 16px;
    color: #6754c5;
}

.most-pop-articles {
    background-color: #F8FAFF;
    max-width: 90%;
    width: 90%;
    border-left: 3px solid #6754c5;
    padding: 40px 120px;
    box-sizing: border-box;
}

@media only screen and (max-width: 1279px) {
    .most-pop-articles {
        padding: 60px 30px;
    }
}

@media only screen and (max-width: 576px) {
    .most-pop-articles {
        padding: 20px 45px 20px 30px;
        width: 113% !important;
        max-width: 113% !important;
        left: -20px;
        -webkit-box-sizing: border-box;
        /* Safari/Chrome, other WebKit */
        -moz-box-sizing: border-box;
        /* Firefox, other Gecko */
        box-sizing: border-box;
    }
}

.most-pop-articles h2 {
    text-align: center;
    font-size: 32px;
    font-weight: 500;
}

@media only screen and (max-width: 576px) {
    .most-pop-articles h2 {
        font-size: 1.3em;
    }
}

.most-pop-articles a,
.most-pop-articles .articleList a {
    font-weight: 500;
    font-family: lato, Sans-Serif;
    font-size: 16px;
    color: #4a83ff !important;
}

@media only screen and (max-width: 576px) {
    .most-pop-articles a,
    .most-pop-articles .articleList a {
        font-size: 1em;
    }
}

.most-pop-articles a span,
.most-pop-articles .articleList a span {
    padding-left: 15px;
}

.articleList {
    font-size: 16px;
}

.articleList a span {
    padding-left: 10px;
    font-weight: 600;
    color: #4a83ff !important;
}

#serp .articleList li {
    overflow: hidden;
    border-left: 2px solid transparent;
    transition: padding ease 300ms, border 300ms ease, box-shadow 300ms ease;
    padding: 20px 30px 0 0;
    box-shadow: 0 0 0 -20px #E9F0F3;
    border-top: 2px solid #F8FAFF;
    margin: 0;
}

#serp .articleList li:hover {
    border-left-color: #6754c5;
    padding: 20px 0 0 30px;
    box-shadow: 0 0 100px -10px rgba(110, 157, 252, 0.2);
}

#serp .articleList li a {
    margin: 10px 0;
    font-size: 18px;
    color: #505A67;
    letter-spacing: 0.5px;
    font-family: lato, Sans-Serif;
}

#serp .articleList li p {
    font-family: proxima-nova, Arial, Helvetica, Sans-Serif;
    font-size: 16px;
    color: #505A67;
    letter-spacing: 0.3px;
    line-height: 30px;
}

#serp .articleList li .icon-article-doc {
    display: none;
}

.category-list {
    padding: 20px 0;
}

.category-list .category {
    font-family: lato, Sans-Serif;
    background: #FFFFFF;
    border: 1px solid #F4F6F9;
    box-shadow: 20px 30px 40px 0 rgba(110, 157, 252, 0.1);
    border-radius: 4px;
    padding: 30px 1%;
}

@media only screen and (max-width: 767px) {
    .category-list .category {
        padding: 10px 1em 0px 1em;
        margin-top: 0.5em;
        margin-bottom: 0.5em;
    }
}

.category-list .category:hover {
    background-color: #F8FAFF;
}

.category-list .category h3 {
    font-size: 19px;
    color: #6754c5;
    letter-spacing: 0.53px;
    text-align: center;
}

.category-list .category .article-count {
    color: #4a83ff;
    letter-spacing: 0.39px;
    text-align: center;
    font-weight: 600;
}

#main-content {
    background: none;
    margin: 0;
}

.contentWrapper {
    border: 0;
    box-shadow: none;
    padding: 0;
}

@media only screen and (max-width: 768px) {
    .row-fluid {
        display: flex;
        flex-wrap: wrap;
    }

    .row-fluid #main-content {
        width: 100%;
        order: 2;
    }

    .row-fluid #sidebar {
        width: 100%;
        order: 2;
        margin-bottom: 40px;
    }
}

footer p {
    color: #C6CDD5;
}

@media only screen and (max-width: 767px) {
    footer p {
        font-size: 0.7em !important;
    }
}

footer p span {
    display: none;
}

footer p a {
    color: #C6CDD5;
}

.control-group input[type=text],
#contactModal input[type=text],
.control-group input[type=email],
#contactModal input[type=email],
.control-group textarea,
#contactModal textarea {
    display: inline-block;
    width: 100%;
    max-width: 100%;
    border: 0;
    border-bottom: 1px solid #C6CDD5;
    padding: 13px 0 13px;
    color: #4d4e4e;
    font-family: proxima-nova, Arial, Helvetica, Sans-Serif;
    font-weight: normal;
    letter-spacing: 0.02em;
    border-radius: 0;
    background: none !important;
    outline: none !important;
    box-shadow: none !important;
    font-size: 16px;
}

.control-group input[type=text].parsley-error,
#contactModal input[type=text].parsley-error,
.control-group input[type=email].parsley-error,
#contactModal input[type=email].parsley-error,
.control-group textarea.parsley-error,
#contactModal textarea.parsley-error {
    border: 0;
    border-bottom: 1px solid red;
}

.control-group input[type=text]:focus,
#contactModal input[type=text]:focus,
.control-group input[type=email]:focus,
#contactModal input[type=email]:focus,
.control-group textarea:focus,
#contactModal textarea:focus {
    border-bottom: 1px solid #4d4e4e;
}

.control-group .control-label,
#contactModal .control-label {
    padding: 13px 0 13px;
    font-family: proxima-nova, Arial, Helvetica, Sans-Serif;
}

.control-group #md-message,
#contactModal #md-message {
    width: 100%;
    max-width: 100%;
}

.control-group .parsley-errors-list,
#contactModal .parsley-errors-list {
    font-weight: 300;
    font-size: 14px;
    width: 100%;
    right: 0;
    bottom: 0;
    color: red;
    text-align: right;
    font-family: proxima-nova, Arial, Helvetica, Sans-Serif;
}

#contactModal .form-actions {
    padding: 0;
    margin: 2em 0 0 0;
}

#contactModal .form-actions .btn {
    font-size: 1rem;
    width: 100%;
    max-width: 260px;
    margin: 0 auto;
    display: block;
    text-shadow: none;
    background-color: #4a83ff;
    color: #ffffff;
    box-shadow: 20px 30px 50px 0 rgba(110, 157, 252, 0);
    transition: background-color 300ms ease, color 300ms ease, box-shadow 300ms ease;
}

#contactModal .form-actions .btn:hover {
    background-color: #4a83ff;
    color: #ffffff;
    box-shadow: 20px 30px 50px 0 rgba(110, 157, 252, 0.2);
}

#contactModal .form-actions .btn:active,
#contactModal .form-actions .btn:focus {
    background-color: #5282FB;
    color: #ffffff;
    box-shadow: 15px 25px 0 0 rgba(63, 96, 165, 0);
}

#contactModal .form-actions .btn:disabled,
#contactModal .form-actions .btn.disabled {
    opacity: 1;
    background-color: #B1C9FA;
    color: rgba(255, 255, 255, 0.7);
    box-shadow: 15px 25px 0 0 rgba(63, 96, 165, 0);
}

.appMessage {
    padding: 30px 0;
    position: relative;
    font-family: lato, Sans-Serif;
}

.sort {
    position: relative;
    margin-bottom: 1rem;
}

.sort form {
    margin: 0;
}

.sort select {
    border: 0;
    border-bottom: 1px solid #C6CDD5;
    color: #4d4e4e;
    border-radius: 0;
    line-height: 48px;
    height: 48px;
    border-radius: 0 !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-weight: normal;
    letter-spacing: 0.02em;
    padding: 0;
    background-color: transparent;
    position: relative;
    z-index: 5;
}

.sort:after {
    content: "";
    color: #4d4e4e;
    position: absolute;
    right: 5px;
    top: 20px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 6px 0 6px;
    border-color: #4d4e4e transparent transparent transparent;
    opacity: .8;
    z-index: 1;
}

#categoryHead .sort {
    top: -14px;
    width: 180px;
}

@media only screen and (max-width: 767px) {
    #categoryHead .sort {
        position: relative;
    }
}

#categoryHead .sort select {
    line-height: 48px;
    height: 48px;
    width: 180px;
}

.modal,
#contactModal {
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

#contactModal {
    max-height: 70%;
    overflow: scroll;
}

.modal > h2,
#contactModal > h2 {
    border-bottom: 2px solid #F8FAFF;
    padding: 15px 20px;
}

.modal #closeBtn,
#contactModal #closeBtn {
    width: 18px;
    height: 18px;
}

.modal #closeBtn:before,
#contactModal #closeBtn:before,
.modal #closeBtn:after,
#contactModal #closeBtn:after {
    position: absolute;
    content: '';
    width: 16px;
    height: 1px;
    background-color: black;
    top: 9px;
    left: 0;
}

.modal #closeBtn:before,
#contactModal #closeBtn:before {
    transform: rotate(45deg);
}

.modal #closeBtn:after,
#contactModal #closeBtn:after {
    transform: rotate(-45deg);
}

.modal #closeBtn .icon-close,
#contactModal #closeBtn .icon-close {
    display: none;
}

.modal-backdrop {
    background-color: #002c7b;
}

#searchBar {
    position: relative;
}

#searchBar button {
    text-shadow: none !important;
}

#searchBar .search-query {
    position: relative;
    display: block;
    width: 100%;
    border: 0;
    border-left: none !important;
    padding: 16px 52px 16px 16px;
    line-height: 1;
    font-size: 1.3rem;
    font-weight: 500;
    font-family: inherit;
    background: #ffffff;
    z-index: 10;
    cursor: default;
}

#searchBar .search-query.focus ~ .input-bg,
#searchBar .search-query:focus ~ .input-bg {
    width: calc(100% - 1px);
    opacity: 1;
}

#searchBar .search-query.focus ~ .icon,
#searchBar .search-query:focus ~ .icon {
    /*opacity: 0;*/
    left: calc(100% - 36px) !important;
}