html
{
    overflow-x: hidden;

    height: 100%;
    min-height: 100%;
}

html.scroll-fix
{
    overflow-y: hidden;
}

body
{
    height: 100%;
    min-height: 100%;
}

.svg-definitions
{
    position: absolute;
    top: -1000px;
    left: -1000px;

    width: 0;
    height: 0;
    margin: 0;

    opacity: 0;
}

.no-background
{
    background: none !important;
}

h1
{
    font-family: 'adobe-caslon-pro', serif;
    font-size: 68px;
    font-weight: 400;
    font-style: italic;
    line-height: 72px;

    margin: 0;
    padding: 0;
}

h2
{
    font-family: 'adobe-caslon-pro', serif;
    font-size: 46px;
    font-weight: 400;
    line-height: 50px;

    margin: 0;
    padding: 0;

    color: #323e65;
}

h3
{
    font-family: 'adobe-caslon-pro', serif;
    font-size: 30px;
    font-weight: 400;
    line-height: 36px;

    margin: 0;
    padding: 0;

    color: #323e65;
}

h4
{
    font-family: 'adobe-caslon-pro', serif;
    font-size: 22px;
    font-weight: 400;
    line-height: 30px;

    margin: 0;
    padding: 0;
}

.big p
{
    font-family: 'brandon-grotesque', sans-serif;
    font-size: 26px;
    font-weight: 400;
    line-height: 36px;

    margin: 0 0 30px 0;

    text-align: center;

    color: #747aa1;
}

.big p:last-child
{
    margin: 0;
}

.mid p
{
    font-family: 'brandon-grotesque', sans-serif;
    font-size: 22px;
    font-weight: 400;
    line-height: 30px;

    margin: 0 0 30px 0;

    color: #323e65;
}

.mid p:last-child
{
    margin: 0;
}

.sma p
{
    font-family: 'brandon-grotesque', sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 20px;
}

.highlights
{
    font-family: 'brandon-grotesque', sans-serif;
    font-size: 15px;
    font-weight: 700;
    line-height: 22px;

    text-align: center;
    letter-spacing: 5px;

    color: #2aa3b8;
}

.button
{
    font-family: 'brandon-grotesque', sans-serif;
    font-size: 15px;
    font-weight: 700;
    line-height: 15px;
}

.small-label
{
    font-family: 'brandon-grotesque', sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 12px;

    text-transform: uppercase;

    color: #747aa1;
}

.sections-wrapper
{
    position: relative;

    overflow: hidden;

    width: 100%;
    padding-bottom: 120px;

    background-color: #f9f8f6;
}

header
{
    position: fixed;
    z-index: 101;
    top: 0;
    left: 0;

    width: 100%;
    height: 130px;

    -webkit-transition: all .6s cubic-bezier(.555, .205, .295, .975);
            transition: all .6s cubic-bezier(.555, .205, .295, .975);

    background-color: #fff;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .15);
            box-shadow: 0 0 5px rgba(0, 0, 0, .15);
}

header.headroom--pinned
{
    -webkit-transform: translateY(0);
            transform: translateY(0);
}

header.headroom--unpinned
{
    -webkit-transform: translateY(-150px);
            transform: translateY(-150px);
}

header.headroom--top
{
    -webkit-transform: translateY(23px);
            transform: translateY(23px);
}

header .svg.logo
{
    position: absolute;
    top: 20px;
    left: 30px;

    display: inline-block;

    width: 150px;
    height: 90px;
}

header nav ul
{
    font-size: 0;
    line-height: 0;

    width: 100%;
    height: 24px;
    margin: 53px 0 0 0;
    padding: 0 0 0 70px;

    list-style: none;

    text-align: center;
    letter-spacing: 0;
}

header nav ul li
{
    display: inline-block;
}

header nav ul li a
{
    font-family: 'brandon-grotesque', sans-serif;
    font-size: 15px;
    font-weight: 700;
    line-height: 24px;

    -webkit-transition: all .3s cubic-bezier(.555, .205, .295, .975);
            transition: all .3s cubic-bezier(.555, .205, .295, .975);
    text-align: center;
    text-decoration: none;
    letter-spacing: .35em;
    text-transform: uppercase;

    color: #323e65;
}

header nav ul li a:hover,
header nav ul li a:focus
{
    text-decoration: none;

    color: #0e93a0;
}

header nav ul li:after
{
    display: inline-block;

    width: 100px;
    height: 2px;
    margin-right: 12px;
    margin-left: 10px;

    content: '';
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);

    background-color: #dcdfe7;
}

header nav ul li:last-child:after
{
    display: none;
}

.menu-trigger
{
    position: absolute;
    z-index: 101;
    top: 53px;
    right: 15px;

    width: 100px;
    height: 24px;

    cursor: pointer;
    text-align: right;
}

.menu-trigger .text
{
    font-family: 'brandon-grotesque', sans-serif;
    font-size: 15px;
    font-weight: 700;
    line-height: 24px;

    display: block;
    float: right;

    margin: 0 38px 0 0;
    padding: 0;

    letter-spacing: 2px;

    color: #323e65;
}

.footer
{
    position: relative;
    position: fixed;
    z-index: 0;
    z-index: -1;
    bottom: 0;

    width: 100%;
    padding-top: 75px;

    text-align: center;

    background-color: #fff;
}

.footer .svg.logo
{
    display: inline-block;

    width: 78px;
    height: 13px;
    margin-bottom: 35px;
}

.footer ul
{
    font-size: 0;
    line-height: 0;

    margin: 0;
    margin-bottom: 15px;
    padding: 0;

    list-style: none;

    letter-spacing: 0;
}

.footer ul br
{
    display: none;
}

.footer ul li
{
    display: inline-block;
}

.footer ul li a
{
    font-family: 'brandon-grotesque', sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 22px;

    -webkit-transition: all .3s cubic-bezier(.555, .205, .295, .975);
            transition: all .3s cubic-bezier(.555, .205, .295, .975);
    text-align: center;
    text-decoration: none;
    letter-spacing: .25em;
    text-transform: uppercase;

    color: #2aa3b8;
}

.footer ul li a:hover,
.footer ul li a:focus
{
    text-decoration: none;

    color: #323e65;
}

.footer ul li:after
{
    display: inline-block;

    width: 20px;
    height: 2px;
    margin-right: 8px;
    margin-left: 6px;

    content: '';
    -webkit-transform: translateY(-4px);
            transform: translateY(-4px);

    background-color: #323e65;
}

.footer ul li:last-child:after
{
    display: none;
}

.footer .mid
{
    margin-bottom: 85px;
}

.footer .mid p
{
    color: #747aa1;
}

.footer .mid p a
{
    text-decoration: none;

    color: #747aa1;
}

.footer .mid p a:hover
{
    text-decoration: underline;
}

.footer .social-links
{
    font-size: 0;
    line-height: 0;

    width: 100%;
    height: 100px;

    letter-spacing: 0;
}

.footer .social-links .social-links-item
{
    font-family: 'brandon-grotesque', sans-serif;
    font-size: 15px;
    font-weight: 700;
    line-height: 100px;

    display: inline-block;

    width: 33.33333%;
    height: 100px;

    text-align: center;
    letter-spacing: 3px;
    text-transform: uppercase;
}

.footer .social-links .social-links-item a
{
    text-decoration: none;

    color: #fff;
}

.footer .social-links .social-links-item .svg.social
{
    display: inline-block;

    width: 44px;
    height: 44px;
    margin-right: 20px;

    -webkit-transform: translateY(-3px);
            transform: translateY(-3px);
    vertical-align: middle;
}

.footer .social-links .social-links-item:nth-child(1)
{
    background-color: #277786;
}

.footer .social-links .social-links-item:nth-child(2)
{
    background-color: #0e93a0;
}

.footer .social-links .social-links-item:nth-child(3)
{
    background-color: #2aa3b8;
}

.footer-spacer
{
    display: block;

    width: 1px;
}

.modal-menu
{
    position: fixed;
    z-index: 105;
    top: 0;
    left: 0;

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
            flex-direction: column;

    width: 100%;
    height: 100%;
    padding-bottom: 100px;

    -webkit-transition: all .3s cubic-bezier(.555, .205, .295, .975);
            transition: all .3s cubic-bezier(.555, .205, .295, .975);
    -webkit-transform: translateX(100%);
            transform: translateX(100%);

    opacity: 0;
    opacity: .8;
    background-color: #323e65;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
            justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
            align-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
}

.modal-menu .bottom-container
{
    display: none;
}

.modal-menu .top-container
{
    position: absolute;
    top: 0;
    left: 50%;

    height: 120px;
    margin: 0 auto;
    margin-left: -640px;
}

.modal-menu .top-container.headroom--pinned
{
    -webkit-transform: translateY(-23px);
            transform: translateY(-23px);
}

.modal-menu .top-container.headroom--unpinned
{
    -webkit-transform: translateY(-150px);
            transform: translateY(-150px);
}

.modal-menu .top-container.headroom--top
{
    -webkit-transform: translateY(0);
            transform: translateY(0);
}

.modal-menu .contact-button
{
    font-family: 'brandon-grotesque', sans-serif;
    font-size: 15px;
    font-weight: 700;
    line-height: 47px;

    position: absolute;
    top: 64px;
    right: 70px;

    overflow: hidden;

    height: 50px;
    padding: 0 40px;

    cursor: pointer;
    -webkit-transition: all .3s cubic-bezier(.555, .205, .295, .975);
            transition: all .3s cubic-bezier(.555, .205, .295, .975);
    letter-spacing: 1px;

    color: #fff;
    border: 2px solid #fff;
    border-radius: 3px;
}

.modal-menu .contact-button a
{
    display: block;

    width: 100%;
    height: 100%;

    color: #fff;
}

.modal-menu .contact-button a:hover
{
    color: #fff;
}

@-webkit-keyframes contact-back-pulse
{
    50%
    {
        border-color: rgba(42, 163, 184, .7);
        background-color: rgba(42, 163, 184, .7);
    }
}

@keyframes contact-back-pulse
{
    50%
    {
        border-color: rgba(42, 163, 184, .7);
        background-color: rgba(42, 163, 184, .7);
    }
}

.modal-menu h4
{
    margin: 0;
    margin-bottom: 36px;
    padding: 0;
    padding-bottom: 20px;

    letter-spacing: -.5px;

    color: #fff;
    border-bottom: 2px solid #2aa3b8;
}

.modal-menu .last-item-menu {
  margin-right: -15px;
  margin-left: -15px;
}

.modal-menu ul
{
    margin: 0;
    padding: 0;

    list-style: none;
}

.modal-menu ul li
{
    font-family: 'brandon-grotesque', sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;

    margin: 0;
    padding: 0;
    padding-top: 10px;
    padding-bottom: 10px;

    list-style: none;

    letter-spacing: 0;
    text-transform: uppercase;

    color: #747aa1;
}

.modal-menu a
{
    -webkit-transition: all .3s cubic-bezier(.555, .205, .295, .975);
            transition: all .3s cubic-bezier(.555, .205, .295, .975);
    text-decoration: none;

    color: #fff;
}

.modal-menu a:hover,
.modal-menu a:focus
{
    text-decoration: none;

    color: #2aa3b8;
}

.modal-menu.open
{
    -webkit-transform: translateX(0);
            transform: translateX(0);

    opacity: 1;
}

.menu-control
{
    position: fixed;
    z-index: 106;
    top: 0;
    right: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 0;

    -webkit-transition: all .6s cubic-bezier(.555, .205, .295, .975);
            transition: all .6s cubic-bezier(.555, .205, .295, .975);
    text-align: right;
}

.menu-control .container
{
    overflow: visible;

    height: 1px;
}

.menu-control .icon
{
    position: relative;
    top: 52px;

    display: inline-block;

    width: 24px;
    height: 24px;

    cursor: pointer;
}

.menu-control .icon .line
{
    position: absolute;
    left: 0;

    display: block;

    width: 24px;
    height: 2px;

    -webkit-transition: all .3s cubic-bezier(.555, .205, .295, .975);
            transition: all .3s cubic-bezier(.555, .205, .295, .975);

    background-color: #323e65;
}

.menu-control .icon .line.first
{
    top: 5px;
}

.menu-control .icon .line.second
{
    top: 11px;
}

.menu-control .icon .line.third
{
    top: 11px;
}

.menu-control .icon .line.fourth
{
    top: 17px;
}

.menu-control .icon:hover .line.first,
.menu-control .icon.hover .line.first
{
    top: 0;
}

.menu-control .icon:hover .line.fourth,
.menu-control .icon.hover .line.fourth
{
    top: 22px;
}

.menu-control .icon.open .line
{
    background-color: #fff;
}

.menu-control .icon.open .line.first
{
    opacity: 0;
}

.menu-control .icon.open .line.second
{
    -webkit-transform: rotate(-135deg);
            transform: rotate(-135deg);
}

.menu-control .icon.open .line.third
{
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
}

.menu-control .icon.open .line.fourth
{
    opacity: 0;
}

.menu-control .icon.open:hover .line,
.menu-control .icon.open.hover .line
{
    background-color: #fff;
}

.menu-control .icon.open:hover .line.first,
.menu-control .icon.open.hover .line.first
{
    opacity: 0;
}

.menu-control .icon.open:hover .line.second,
.menu-control .icon.open.hover .line.second
{
    -webkit-transform: rotate(-135deg);
            transform: rotate(-135deg);
}

.menu-control .icon.open:hover .line.third,
.menu-control .icon.open.hover .line.third
{
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
}

.menu-control .icon.open:hover .line.fourth,
.menu-control .icon.open.hover .line.fourth
{
    opacity: 0;
}

.menu-control.headroom--pinned
{
    -webkit-transform: translateY(0);
            transform: translateY(0);
}

.menu-control.headroom--unpinned
{
    -webkit-transform: translateY(-150px);
            transform: translateY(-150px);
}

.menu-control.headroom--top
{
    -webkit-transform: translateY(23px);
            transform: translateY(23px);
}

.modal-search
{
    position: fixed;
    z-index: 105;
    top: 0;
    left: 0;

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    overflow-y: auto;
            flex-direction: column;

    width: 100%;
    height: 100%;
    height: 100%;

    -webkit-transition: all .3s cubic-bezier(.555, .205, .295, .975);
            transition: all .3s cubic-bezier(.555, .205, .295, .975);
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    text-align: center;

    opacity: 0;
    background-color: #323e65;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
            justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
            align-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
}

.modal-search.open
{
    -webkit-transform: translateX(0);
            transform: translateX(0);

    opacity: 1;
}

.modal-search.show-results
{
    display: block;

    padding-top: 100px;
    padding-bottom: 100px;
}

.modal-search form
{
    width: 100%;
}

.modal-search form .typeahead__container
{
    width: 720px;
    margin: 0 auto;
}

.modal-search form .typeahead__container .typeahead__field
{
    position: relative;

    display: block;
    overflow: hidden;

    width: 100%;
    height: 50px;

    border-radius: 3px;
    background-color: #fff;
    -webkit-box-shadow: 0 20px 30px rgba(0, 0, 0, .3);
            box-shadow: 0 20px 30px rgba(0, 0, 0, .3);
}

.modal-search form .typeahead__container .typeahead__field .typeahead__button
{
    position: absolute;
    top: 0;
    left: 0;
}

.modal-search form .typeahead__container .typeahead__field .typeahead__button button
{
    width: 60px;
    height: 50px;

    border: none;
}

.modal-search form .typeahead__container .typeahead__field .typeahead__button .svg.search
{
    position: absolute;
    top: 16px;
    left: 16px;

    width: 24px;
    height: 18px;
}

.modal-search form .typeahead__container .typeahead__field .typeahead__query
{
    display: block;

    width: 100%;
}

.modal-search form .typeahead__container .typeahead__field .typeahead__query input
{
    font-family: 'adobe-caslon-pro', serif;
    font-size: 22px;
    font-weight: 400;
    line-height: 57px;

    float: left;

    width: 100%;
    height: 57px;
    padding-left: 60px;

    color: #323e65;
    border: none;
    outline: none;
    background-color: transparent;
    -webkit-box-shadow: none;
            box-shadow: none;

    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}

.modal-search form .typeahead__container .typeahead__field .typeahead__query input::-webkit-input-placeholder
{
    color: #747aa1;
}

.modal-search form .typeahead__container .typeahead__field .typeahead__query input::-moz-placeholder
{
    color: #747aa1;
}

.modal-search form .typeahead__container .typeahead__field .typeahead__query input:-ms-input-placeholder
{
    color: #747aa1;
}

.modal-search form .typeahead__container .typeahead__field .typeahead__query input:-moz-placeholder
{
    color: #747aa1;
}

.modal-search form .typeahead__container .typeahead__field .typeahead__query .typeahead__cancel-button
{
    top: 15px;
    right: 15px;

    width: 20px;
    height: 20px;

    opacity: 1 !important;
    background: none;
}

.modal-search form .typeahead__container .typeahead__field .typeahead__query .typeahead__cancel-button:before,
.modal-search form .typeahead__container .typeahead__field .typeahead__query .typeahead__cancel-button:after
{
    position: absolute;
    top: 9px;
    right: 2px;

    width: 16px;
    height: 2px;

    content: '';
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);

    background-color: #747aa1;
}

.modal-search form .typeahead__container .typeahead__field .typeahead__query .typeahead__cancel-button:after
{
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
}

.modal-search form .typeahead__container .search-sugestions-wrapper
{
    position: absolute;
    z-index: 1;

    display: none;

    width: 720px;
    margin-top: 15px;
}

.modal-search form .typeahead__container .search-sugestions-wrapper .title
{
    font-family: 'brandon-grotesque', sans-serif;
    font-size: 11px;
    font-weight: 500;
    line-height: 36px;

    height: 36px;
    margin: 0;
    padding: 0 18px;

    letter-spacing: .6px;
    text-transform: uppercase;

    color: #fff;
    border-radius: 2px 2px 0 0;
    background-color: #2aa3b8;
}

.modal-search form .typeahead__container .search-sugestions-wrapper .search-sugestions .typeahead__list
{
    overflow: hidden;

    margin: 0;
    padding: 0 0 18px;

    border: none;
    border-radius: 0 0 2px 2px;
    background-color: #404b6f;
}

.modal-search form .typeahead__container .search-sugestions-wrapper .search-sugestions .typeahead__list .typeahead__item
{
    font-family: 'adobe-caslon-pro', serif;
    font-size: 21px;
    font-weight: 400;
    line-height: 24px;

    margin: 0 18px;

    border: none;
    border-bottom: 1px dotted #2aa3b8;
}

.modal-search form .typeahead__container .search-sugestions-wrapper .search-sugestions .typeahead__list .typeahead__item:first-child
{
    margin-top: 5px;
}

.modal-search form .typeahead__container .search-sugestions-wrapper .search-sugestions .typeahead__list .typeahead__item:last-child
{
    border: none;
}

.modal-search form .typeahead__container .search-sugestions-wrapper .search-sugestions .typeahead__list .typeahead__item a
{
    padding: 16px 0 10px;

    cursor: pointer;

    color: #fff;
}

.modal-search form .typeahead__container .search-sugestions-wrapper .search-sugestions .typeahead__list .typeahead__item a:hover
{
    color: #2aa3b8;
    background: none;
}

.modal-search form .typeahead__container .search-sugestions-wrapper .search-sugestions .typeahead__list .typeahead__item a strong
{
    font-weight: 400 !important;
}

.modal-search .results-wrapper
{
    display: none;

    margin-top: 80px;

    text-align: left;
}

.modal-search .results-wrapper .container
{
    margin-top: 0;
    margin-bottom: 0;
}

.modal-search .results-wrapper .results p
{
    padding-left: 30px;

    color: #fff;
}

.modal-search .results-wrapper .filter
{
    font-family: 'brandon-grotesque', sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 34px;

    display: inline-block;

    margin-right: 10px;

    text-transform: uppercase;

    color: #fff;
}

.modal-search .results-wrapper .dropdown
{
    display: inline-block;

    margin-left: 15px;
}

.modal-search .results-wrapper .dropdown .dropdown-toggle
{
    font-family: 'brandon-grotesque', sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;

    display: inline-block;

    margin-right: 30px;

    text-decoration: none;

    color: #fff;
}

.modal-search .results-wrapper .dropdown .dropdown-toggle .svg.caret-down
{
    margin-left: 3px;
}

.modal-search .results-wrapper .dropdown .dropdown-toggle:hover
{
    color: #2aa3b8;
}

.modal-search .results-wrapper .dropdown .dropdown-menu
{
    right: 20px;
    left: auto;

    overflow-y: auto;

    width: 250px;
    max-height: 300px;
    margin-top: 0;
    padding-top: 15px;
    padding-bottom: 15px;

    border: 0;
    border-radius: 3px;
    background-color: #fff;
    -webkit-box-shadow: 0 20px 30px rgba(0, 0, 0, .3);
            box-shadow: 0 20px 30px rgba(0, 0, 0, .3);
}

.modal-search .results-wrapper .dropdown .dropdown-menu li
{
    position: relative;
}

.modal-search .results-wrapper .dropdown .dropdown-menu li input[type=checkbox]
{
    position: absolute;
    top: 0;
    left: 0;

    visibility: hidden;
    overflow: hidden;

    width: 0;
    height: 0;
}

.modal-search .results-wrapper .dropdown .dropdown-menu li input[type=checkbox]:checked + label
{
    border-color: #2aa3b8;
    background-color: #2aa3b8;
}

.modal-search .results-wrapper .dropdown .dropdown-menu li input[type=checkbox]:checked + label:after
{
    opacity: 1;
}

.modal-search .results-wrapper .dropdown .dropdown-menu li label
{
    position: absolute;
    top: 7px;
    left: 20px;

    width: 20px;
    height: 20px;

    cursor: pointer;
    -webkit-transition: all .3s ease-in;
            transition: all .3s ease-in;

    border: 1px solid #dcdfe7;
    border-radius: 3px;
}

.modal-search .results-wrapper .dropdown .dropdown-menu li label:after
{
    position: absolute;
    top: 5px;
    left: 3px;

    width: 12px;
    height: 6px;

    content: '';
    -webkit-transition: all .3s ease-in;
            transition: all .3s ease-in;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);

    opacity: 0;
    border: 2px solid #fff;
    border-top: none;
    border-right: none;
    background: transparent;
}

.modal-search .results-wrapper .dropdown .dropdown-menu li p
{
    font-family: 'brandon-grotesque', sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 34px;

    margin: 0;
    padding-left: 50px;

    text-transform: uppercase;

    color: #2aa3b8;
}

.modal-search .results-wrapper .area
{
    margin: 0;
    margin-bottom: 1px;
    padding: 20px 30px 10px;

    border-radius: 2px;
    background-color: #fff;
    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .09);
            box-shadow: 0 10px 20px rgba(0, 0, 0, .09);
}

.modal-search .results-wrapper .area .small-label
{
    margin-bottom: 2px;
}

.modal-search .results-wrapper .area .item
{
    border-bottom: 1px dotted #239db2;
}

.modal-search .results-wrapper .area .item .team-avatar
{
    display: inline-block;
    overflow: hidden;

    width: 30px;
    height: 30px;
    margin-right: 7px;

    -webkit-transform: translateY(-3px);
            transform: translateY(-3px);

    border-radius: 2px;
    background-color: gray;
}

.modal-search .results-wrapper .area .item h4
{
    display: inline-block;

    margin: 0;
    padding: 15px 0 6px;
}

.modal-search .results-wrapper .area .item h4 a
{
    -webkit-transition: all .3s cubic-bezier(.555, .205, .295, .975);
            transition: all .3s cubic-bezier(.555, .205, .295, .975);
    text-decoration: none;

    color: #323e65;
}

.modal-search .results-wrapper .area .item h4 a:hover
{
    color: #2aa3b8;
}

.modal-search .results-wrapper .area .item .sma p
{
    padding-bottom: 10px;

    color: #747aa1;
}

.modal-search .results-wrapper .area .item.lone h4
{
    padding: 7px 0 0;
}

.modal-search .results-wrapper .area .item:last-child
{
    border: none;
}

.search-control-wrapper
{
    position: fixed;
    z-index: 106;
    top: 0;

    width: 100%;
    height: 0;
}

.search-control-wrapper .icon
{
    position: relative;

    display: inline-block;
    display: none;

    width: 24px;
    height: 24px;
    margin-top: 80px;

    cursor: pointer;
}

.search-control-wrapper .icon .line
{
    position: absolute;
    left: 0;

    display: block;

    width: 24px;
    height: 2px;

    -webkit-transition: all .3s cubic-bezier(.555, .205, .295, .975);
            transition: all .3s cubic-bezier(.555, .205, .295, .975);

    background-color: #fff;
}

.search-control-wrapper .icon .line.first
{
    top: 11px;

    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
}

.search-control-wrapper .icon .line.third
{
    top: 11px;

    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
}

.search-control-wrapper .icon.show-inline
{
    display: inline-block;
}

aside
{
    position: fixed;
    z-index: 102;
    top: 50%;
    right: 0;

    min-width: 50px;
    margin-top: -100px;
}

aside .background
{
    position: absolute;
    top: 0;
    right: 0;

    display: block;

    width: 50px;
    height: 200px;

    -webkit-transform: translateX(50px);
            transform: translateX(50px);

    background-color: #323e65;
}

aside ul
{
    margin: 0;
    padding: 0;
}

aside ul li
{
    font-size: 0;
    line-height: 0;

    position: relative;

    height: 50px;
    margin: 0;
    padding: 0;

    list-style: none;

    text-align: right;
    letter-spacing: 0;
}

aside ul li .content
{
    display: none;

    margin-right: 50px;
}

aside ul li .menu-icon
{
    position: absolute;
    top: 0;
    right: 0;

    width: 50px;
    height: 50px;

    cursor: pointer;
    -webkit-transform: translateX(50px);
            transform: translateX(50px);

    background-color: #323e65;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .2);
            box-shadow: 0 0 5px rgba(0, 0, 0, .2);
}

aside ul li .text
{
    font-family: 'brandon-grotesque', sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 50px;

    display: inline-block;

    margin: 0;
    padding: 0 25px;

    vertical-align: top;
    letter-spacing: 2px;

    color: #fff;
    background-color: #0e93a0;
}

aside ul li .social-icon
{
    display: inline-block;

    width: 50px;
    height: 50px;

    cursor: pointer;

    background-color: #0e93a0;
}

aside ul li .lang-text
{
    font-family: 'brandon-grotesque', sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 50px;

    display: inline-block;

    height: 50px;
    margin: 0;
    padding: 0 10px;

    cursor: pointer;
    text-align: center;
    vertical-align: top;
    letter-spacing: 1px;

    color: rgba(255, 255, 255, .5);
    background-color: #0e93a0;
}

aside ul li .lang-text a
{
    -webkit-transition: all .3s cubic-bezier(.555, .205, .295, .975);
            transition: all .3s cubic-bezier(.555, .205, .295, .975);
    text-decoration: none;

    opacity: .5;
    color: #fff;
}

aside ul li .lang-text a:hover
{
    opacity: 1;
}

aside ul li .lang-text:first-child
{
    padding-left: 20px;
}

aside ul li .lang-text:hover,
aside ul li .lang-text.active
{
    color: white;
}

aside ul li .menu-text
{
    font-family: 'brandon-grotesque', sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 50px;

    position: absolute;
    top: 0;
    right: 0;

    display: inline-block;

    width: 50px;
    height: 50px;
    margin: 0;
    padding: 0;

    cursor: pointer;
    -webkit-transform: translateX(50px);
            transform: translateX(50px);
    text-align: center;
    vertical-align: top;
    letter-spacing: 1px;

    color: #fff;
    background-color: #323e65;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .2);
            box-shadow: 0 0 5px rgba(0, 0, 0, .2);
}

aside ul li:hover .content
{
    display: inline-block;

    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .2);
            box-shadow: 0 0 5px rgba(0, 0, 0, .2);
}

aside ul li:hover .menu-icon,
aside ul li:hover .menu-text
{
    background-color: #0e93a0;
    -webkit-box-shadow: none;
            box-shadow: none;
}

.modal-loading
{
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
            flex-direction: column;

    width: 100%;
    height: 100%;

    background-color: #f9f8f6;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
            justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
            align-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
}

.modal-loading .svg.loading-logo
{
    width: 300px;
    height: auto;
    margin-bottom: 50px;
}

.modal-loading h3
{
    padding: 0 30px;

    text-align: center;
}

.modal-loading h3.italic
{
    font-style: italic;

    color: #2aa3b8;
}

.small-loading
{
    text-align: center;

    background-color: #f9f8f6;
}

.small-loading h4
{
    padding: 30px 0;
}

section.hero
{
    position: relative;

    overflow: hidden;

    height: 750px;

    background-color: #277786;
    background-image: url('../images/homepage-hero-background.jpg');
    background-position: center center;
    background-size: cover;
}

section.hero .svg.background-line
{
    position: absolute;

    width: 100%;
    height: auto;
}

section.hero .svg.background-line:nth-child(1)
{
    bottom: 0;
}

section.hero .svg.background-line:nth-child(2)
{
    top: 0;
}

section.hero .svg.background-line:nth-child(3)
{
    top: 100px;
}

section.hero .vertical-center
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
            flex-direction: column;

    height: 100%;
    padding-top: 80px;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
            justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
            align-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
}

section.hero .vertical-center .row
{
    width: 100%;
    margin: 0;
}

section.hero h1
{
    margin-bottom: 20px;
    padding-left: 15px;

    color: #fff;
}

section.hero .sma p
{
    font-size: 15px;
    font-weight: 500;
    line-height: 24px;

    padding-left: 15px;

    letter-spacing: 6px;
    text-transform: uppercase;

    color: #fff;
}

section.internal-hero
{
    position: relative;

    overflow: hidden;

    width: 100%;
    height: 560px;

    background: linear-gradient(60deg, #1e95aa, #13c4c4);
    background-color: #1e95aa;
    background-position: center center;
    background-size: cover;
}

section.internal-hero .vertical-center
{
    position: relative;

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
            flex-direction: column;

    height: 100%;
    padding-top: 130px;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
            justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
            align-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
}

section.internal-hero .vertical-center .row
{
    width: 100%;
    margin: 0 auto;
}

section.internal-hero .align-bottom
{
    position: absolute;
    right: 0;
    bottom: 40px;
    left: 0;

    -webkit-transform: translateY(20px);
            transform: translateY(20px);

    opacity: 0;
}

section.internal-hero h1
{
    font-family: 'adobe-caslon-pro', serif;
    font-size: 46px;
    font-weight: 400;
    font-style: normal;
    line-height: 50px;

    margin: 0;
    padding: 0;

    -webkit-transform: translateY(20px);
            transform: translateY(20px);

    opacity: 0;
    color: #fff;
}

section.internal-hero h2
{
    font-family: 'brandon-grotesque', sans-serif;
    font-size: 15px;
    font-weight: 700;
    line-height: 22px;

    margin-bottom: 40px;

    -webkit-transform: translateY(20px);
            transform: translateY(20px);
    letter-spacing: 5px;

    opacity: 0;
    color: #fff;
}

section.internal-hero .small-label
{
    font-family: 'brandon-grotesque', sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 12px;

    display: block;

    margin-bottom: 5px;

    text-transform: uppercase;

    color: #fff;
}

section.internal-hero .link
{
    font-family: 'brandon-grotesque', sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;

    text-decoration: none;

    color: #fff;
    border-bottom: 1px dashed #fff;
}

section.internal-hero .svg.pdf
{
    width: 18px;
    height: 22px;
    margin-right: 10px;

    -webkit-transform: translateY(-3px);
            transform: translateY(-3px);
}

section.internal-hero.thin
{
    height: 175px;
}

section.main-content
{
    position: relative;

    overflow: hidden;

    width: 100%;
    padding: 110px 0 70px 0;

    background-color: #f9f8f6;
}

section.main-content pre
{
    font-family: 'brandon-grotesque', sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 32px;

    display: inline-block;

    min-width: 75px;
    height: 32px;

    text-align: center;
    text-transform: uppercase;

    opacity: 0;
    color: #f9f8f6;
    border-color: #0e93a0;
    border-radius: 100px;
    background-color: #0e93a0;
}

section.main-content hr
{
    height: 4px;

    background: #323e65;
}

section.main-content.extra-bottom-padding
{
    padding-bottom: 100px;
}

section.main-content.top-content
{
    padding-top: 110px;
}

section.main-content.independant-note
{
    padding-bottom: 170px;
}

section.main-content p
{
    font-family: 'brandon-grotesque', sans-serif;
    font-size: 22px;
    font-weight: 400;
    line-height: 30px;

    margin: 0 0 30px 0;

    -webkit-transform: translateY(20px);
            transform: translateY(20px);

    opacity: 0;
    color: #747aa1;
}

section.main-content p:last-child
{
    margin: 0;
}

section.main-content p.big
{
    font-family: 'brandon-grotesque', sans-serif;
    font-size: 26px;
    font-weight: 400;
    line-height: 36px;

    color: #747aa1;
}

section.main-content p a
{
    font-weight: 500;
    line-height: 40px;

    text-decoration: none;

    color: #2aa3b8;
    border-bottom: 1px dashed #2aa3b8;
}

section.main-content p .aligncenter
{
    display: block;

    margin: 0 auto;
}

section.main-content p .alignright
{
    float: right;

    margin: 0;
}

section.main-content p .alignleft
{
    float: left;

    margin: 0;
}

section.main-content div.big p
{
    font-size: 26px;
    line-height: 36px;
}

section.main-content .svg.attach,
section.main-content .svg.link
{
    width: 22px;
    height: 22px;
    margin-right: 15px;
}

section.main-content .tags
{
    margin-bottom: 50px;
}

section.main-content .tags .tag
{
    font-family: 'brandon-grotesque', sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 29px;

    display: inline-block;

    height: 32px;
    margin: 0;
    padding: 0 12px 0 12px;

    text-decoration: none;
    letter-spacing: .5px;

    color: #fff;
    border: 2px solid #747aa1;
    border-radius: 20px;
    background-color: #747aa1;
}

section.main-content .tags .tag.press
{
    border-color: #747aa1;
    background-color: #747aa1;
}

section.main-content .tags .tag.events
{
    border-color: #323e65;
    background-color: #323e65;
}

section.main-content .tags .tag.alerts
{
    border-color: #0e93a0;
    background-color: #0e93a0;
}

section.main-content .tags .tag.articles
{
    border-color: #747aa1;
    background-color: #747aa1;
}

section.main-content .tags .tag.bulletins
{
    border-color: #34b5b5;
    background-color: #34b5b5;
}

section.main-content .author
{
    font-size: 18px;
    line-height: 10px;

    position: relative;

    height: 32px;
    margin-bottom: 10px;
    padding-left: 42px;
}

section.main-content .author .author-avatar
{
    position: absolute;
    top: 4px;
    left: 0;

    display: inline-block;
    overflow: hidden;

    width: 32px;
    height: 32px;

    border-radius: 2px;
    background-color: #747aa1;
}

section.main-content .author:last-child
{
    margin-bottom: 30px;
}

section.main-content h2
{
    font-family: 'adobe-caslon-pro', serif;
    font-size: 46px;
    font-weight: 400;
    font-style: normal;
    line-height: 50px;

    margin: 0 0 40px 0;
    padding: 0;

    -webkit-transform: translateY(20px);
            transform: translateY(20px);

    opacity: 0;
    color: #323e65;
}

section.main-content h3
{
    font-family: 'adobe-caslon-pro', serif;
    font-size: 30px;
    font-weight: 400;
    font-style: normal;
    line-height: 36px;

    position: relative;

    margin: 0 0 60px 0;
    padding: 0;

    -webkit-transform: translateY(20px);
            transform: translateY(20px);

    opacity: 0;
    color: #323e65;
}

section.main-content h3 .svg.arrow
{
    position: absolute;
    top: 6px;
    left: -65px;

    display: block;

    width: 33px;
    height: 14px;
}

section.main-content h3.internal-title
{
    margin-bottom: 40px;
}

section.main-content .highlight
{
    font-family: 'brandon-grotesque', sans-serif;
    font-size: 15px;
    font-weight: 700;
    line-height: 22px;

    display: block;

    margin: 0 0 40px 0;

    -webkit-transform: translateY(20px);
            transform: translateY(20px);
    letter-spacing: 5px;

    opacity: 1;
    color: #2ba3b8;
}

section.main-content .highlight.gray-03
{
    color: #747aa1;
}

section.main-content.invert
{
    background-color: #0e93a0;
}

section.main-content.invert h3
{
    color: #fff;
}

section.main-content.invert .highlight
{
    color: #323e65;
}

section.main-content .alliances-list
{
    font-size: 0;
    line-height: 0;

    position: relative;

    display: block;

    margin: 70px 0 70px;
    padding: 0 15px;
    padding-top: 20px;
    padding-bottom: 20px;

    letter-spacing: 0;
}

section.main-content .alliances-list li
{
    position: relative;

    display: inline-block;
    overflow: hidden;

    width: 20%;
    margin: 0;
    padding: 0;

    list-style: none;

    -webkit-transition: all .3s cubic-bezier(.555, .205, .295, .975);
            transition: all .3s cubic-bezier(.555, .205, .295, .975);
    vertical-align: top;

    background-color: #fff;
    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .09);
            box-shadow: 0 10px 20px rgba(0, 0, 0, .09);
}

section.main-content .alliances-list li:after
{
    position: absolute;
    bottom: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 8px;

    content: '';
}

section.main-content .alliances-list li:first-child
{
    border-radius: 2px 0 0 2px;
}

section.main-content .alliances-list li:last-child
{
    border-radius: 0 2px 2px 0;
}

section.main-content .alliances-list li:nth-child(1):after
{
    background-color: #323e65;
}

section.main-content .alliances-list li:nth-child(2):after
{
    background-color: #277786;
}

section.main-content .alliances-list li:nth-child(3):after
{
    background-color: #0e93a0;
}

section.main-content .alliances-list li:nth-child(4):after
{
    background-color: #2aa3b8;
}

section.main-content .alliances-list li:nth-child(5):after
{
    background-color: #34b5b5;
}

section.main-content .alliances-list li .ratio
{
    visibility: hidden;

    width: 100%;
    padding-bottom: 100%;

    -webkit-transition: all .3s cubic-bezier(.555, .205, .295, .975);
            transition: all .3s cubic-bezier(.555, .205, .295, .975);
}

section.main-content .alliances-list li .content
{
    position: absolute;
    top: 0;

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    width: 100%;
    height: 100%;

    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
            justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
            align-content: center;
}

section.main-content .alliances-list li .logo
{
    display: block;

    width: 200px;
    max-width: 90%;
    height: auto;

    background-color: #dcdfe7;
}

section.main-content .alliances-list li:hover
{
    z-index: 1;

    margin-top: -20px;
    margin-bottom: -20px;
}

section.main-content .alliances-list li:hover .ratio
{
    margin-top: 20px;
    margin-bottom: 20px;
}

section.main-content .awards-card
{
    position: relative;

    overflow: hidden;

    height: 350px;
    margin-bottom: 30px;
    padding: 30px 0;

    text-align: center;

    border-radius: 2px;
    background-color: #fff;
    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .09);
            box-shadow: 0 10px 20px rgba(0, 0, 0, .09);
}

section.main-content .awards-card:after
{
    position: absolute;
    bottom: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 8px;

    content: '';

    border-radius: 0 0 2px 2px;
    background: -webkit-gradient(linear, left top, right top, from(#323e65), color-stop(25%, #323e65), color-stop(25%, #277786), color-stop(50%, #277786), color-stop(50%, #0e93a0), color-stop(75%, #0e93a0), color-stop(75%, #51c8ce), to(#51c8ce));
    background: linear-gradient(90deg, #323e65 0%, #323e65 25%, #277786 25%, #277786 50%, #0e93a0 50%, #0e93a0 75%, #51c8ce 75%, #51c8ce 100%);
}

section.main-content .awards-card:before
{
    position: absolute;
    bottom: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 0;

    content: '';
    -webkit-transition: all .3s cubic-bezier(.555, .205, .295, .975);
            transition: all .3s cubic-bezier(.555, .205, .295, .975);
    pointer-events: none;

    border-radius: 0 0 2px 2px;
    background-color: #2aa3b8;
}

section.main-content .awards-card a
{
    display: block;

    width: 100%;
    height: 100%;
}

section.main-content .awards-card .logo
{
    display: inline-block;

    width: auto;
    width: auto;
    max-width: 100%;
    height: 150px;

    background-color: #dcdfe7;
}

section.main-content .awards-card .concept
{
    font-family: 'brandon-grotesque', sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 12px;

    position: relative;
    position: absolute;
    top: 200px;

    display: block;

    width: 100%;
    height: 40px;
    padding: 20px 20px 0 20px;

    -webkit-transition: all .3s cubic-bezier(.555, .205, .295, .975);
            transition: all .3s cubic-bezier(.555, .205, .295, .975);
    text-transform: uppercase;

    color: #2aa3b8;
}

section.main-content .awards-card .concept:before
{
    position: absolute;
    top: 0;
    left: 50%;

    display: block;

    width: 30px;
    height: 2px;
    margin-bottom: 20px;
    margin-left: -15px;

    content: '';

    background: #2aa3b8;
}

section.main-content .awards-card h4
{
    font-family: 'adobe-caslon-pro', serif;
    font-size: 22px;
    font-weight: 400;
    line-height: 24px;

    position: absolute;
    top: 250px;

    width: 100%;
    margin: 0;
    padding: 0 20px;

    -webkit-transition: all .3s cubic-bezier(.555, .205, .295, .975);
            transition: all .3s cubic-bezier(.555, .205, .295, .975);

    color: #747aa1;
}

section.main-content .awards-card:hover .concept,
section.main-content .awards-card:hover h4
{
    color: #fff;
}

section.main-content .awards-card:hover:before
{
    height: 150px;
}

section.main-content .contacts-list-card
{
    position: relative;

    overflow: hidden;

    margin-top: 50px;
    margin-bottom: 80px;
    padding: 20px 0 5px;

    -webkit-transform: translateY(20px);
            transform: translateY(20px);
    text-align: center;

    opacity: 0;
    border-radius: 2px;
    background-color: #fff;
    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .09);
            box-shadow: 0 10px 20px rgba(0, 0, 0, .09);
}

section.main-content .contacts-list-card h5
{
    font-family: 'brandon-grotesque', sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 14px;

    display: block;

    margin: 0 20px 20px;
    padding-bottom: 10px;

    text-align: left;
    letter-spacing: 1px;

    color: #239db2;
    border-bottom: 1px dashed #239db2;
}

section.main-content .contacts-list-card .contact-list
{
    margin: 0;
    padding: 0;

    list-style: none;
}

section.main-content .contacts-list-card .contact
{
    position: relative;

    float: left;

    width: 50%;
    height: auto;
    min-height: 45px;
    margin: 0 0 20px 0;
    padding: 0;

    list-style: none;
}

section.main-content .contacts-list-card .contact .avatar
{
    position: absolute;
    top: 0;
    left: 20px;

    display: block;
    overflow: hidden;

    width: 45px;
    height: 45px;

    border-radius: 2px;
    background-color: #747aa1;
}

section.main-content .contacts-list-card .contact .name
{
    font-family: 'adobe-caslon-pro', serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 21px;

    margin-top: 6px;
    padding-left: 85px;

    text-align: left;

    color: #323e65;
}

section.main-content .contacts-list-card .contact .name a
{
    -webkit-transition: all .3s cubic-bezier(.555, .205, .295, .975);
            transition: all .3s cubic-bezier(.555, .205, .295, .975);
    text-decoration: none;

    color: #323e65;
}

section.main-content .contacts-list-card .contact .name a:hover
{
    color: #2aa3b8;
}

section.main-content .contacts-list-card .contact .email
{
    font-family: 'brandon-grotesque', sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 15px;

    padding-left: 85px;

    text-align: left;

    color: #747aa1;
}

section.main-content .contacts-list-card .contact .email a
{
    -webkit-transition: all .3s cubic-bezier(.555, .205, .295, .975);
            transition: all .3s cubic-bezier(.555, .205, .295, .975);
    text-decoration: none;

    color: #747aa1;
}

section.main-content .contacts-list-card .contact .email a:hover
{
    color: #2aa3b8;
}

section.main-content .students-program
{
    margin-top: 70px;
    margin-bottom: 30px;

    -webkit-transform: translateY(20px);
            transform: translateY(20px);

    opacity: 0;
}

section.main-content .students-program .header
{
    overflow: hidden;

    padding: 40px 0;

    text-align: center;

    border-radius: 3px 3px 0 0;
    background-color: #277786;
}

section.main-content .students-program .header .svg.icon
{
    width: 66px;
    height: 66px;
    margin-bottom: 24px;
}

section.main-content .students-program .header .highlight
{
    margin: 0;

    color: #fff;
}

section.main-content .students-program .body
{
    padding: 50px 200px;

    text-align: center;

    border-radius: 0 0 3px 3px;
    background-color: #fff;
}

section.main-content .students-program .body h3
{
    margin-bottom: 40px;

    color: #0e93a0;
}

.gruped-sections
{
    position: relative;

    overflow: hidden;

    padding-top: 140px;
    padding-bottom: 60px;

    background-color: #f9f8f6;
}

.parallax-line
{
    position: absolute;
    left: 0;

    width: 100%;
    height: auto;
}

.parallax-line:nth-child(1)
{
    top: 50px;
}

.parallax-line:nth-child(2)
{
    bottom: 30px;
}

.parallax-line:nth-child(3)
{
    bottom: 80px;
}

.parallax-line:nth-child(4)
{
    top: 10px;
}

.parallax-line:nth-child(5)
{
    top: 1110px;
}

.parallax-line:nth-child(6)
{
    top: 1260px;
}

.parallax-line:nth-child(7)
{
    top: 1660px;
}

section.history
{
    overflow: hidden;

    width: 100%;
    padding: 100px 0 60px 0;

    color: #fff;
    background-color: #323e65;
}

section.history .container-history
{
    position: relative;

    overflow: hidden;

    width: 100%;
    max-width: 1440px;
    padding: 0;
    padding-top: 10px;
}

section.history .container-history .history-slider
{
    width: 36%;
    margin: 0 auto;
}

section.history .container-history .history-slider .slick-slide
{
    padding: 0 60px;

    outline: none;
}

section.history #slider-control-prev
{
    position: absolute;
    z-index: 1;
    top: -10px;
    bottom: -10px;
    left: 0;

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    width: 500px;
    padding-left: 60px;

    cursor: pointer;
    -webkit-transition: all .3s cubic-bezier(.555, .205, .295, .975);
            transition: all .3s cubic-bezier(.555, .205, .295, .975);
    text-align: left;

    border: none;
    outline: none !important;
    background: none;
    background: -webkit-gradient(linear, right top, left top, from(rgba(50, 62, 101, 0)), color-stop(70%, rgba(50, 62, 101, .95)), to(#323e65));
    background: linear-gradient(-90deg, rgba(50, 62, 101, 0), rgba(50, 62, 101, .95) 70%, #323e65 100%);

    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
}

section.history #slider-control-prev.slick-disabled
{
    opacity: 0;
}

section.history #slider-control-next
{
    position: absolute;
    z-index: 2;
    top: -10px;
    right: 0;
    bottom: -10px;

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    width: 500px;
    padding-right: 60px;

    cursor: pointer;
    -webkit-transition: all .3s cubic-bezier(.555, .205, .295, .975);
            transition: all .3s cubic-bezier(.555, .205, .295, .975);
    text-align: right;

    border: none;
    outline: none !important;
    background: none;
    background: -webkit-gradient(linear, left top, right top, from(rgba(50, 62, 101, 0)), color-stop(70%, rgba(50, 62, 101, .95)), to(#323e65));
    background: linear-gradient(90deg, rgba(50, 62, 101, 0), rgba(50, 62, 101, .95) 70%, #323e65 100%);

    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
}

section.history #slider-control-next.slick-disabled
{
    opacity: 0;
}

section.history .svg.arrow
{
    width: 33px;
    height: 100%;
}

section.history .title
{
    font-style: italic;

    position: absolute;

    margin-left: -75%;

    color: #fff;
}

section.history .title:before
{
    position: absolute;
    top: 8px;
    left: -320px;

    display: block;

    width: 300px;
    height: 16px;

    content: '';

    border-right: 2px solid #277786;
    background-color: #277786;
    -webkit-box-shadow: 7px 0 0 7px #323e65 inset;
            box-shadow: 7px 0 0 7px #323e65 inset;
}

section.history .title:after
{
    position: absolute;
    top: 8px;
    left: 207px;

    display: block;

    width: 180px;
    height: 16px;

    content: '';

    border-left: 2px solid #277786;
    background-color: #277786;
    -webkit-box-shadow: -7px 0 0 7px #323e65 inset;
            box-shadow: -7px 0 0 7px #323e65 inset;
}

section.history .heading
{
    font-family: 'adobe-caslon-pro', serif;
    font-size: 40px;
    font-weight: 400;
    font-style: italic;
    line-height: 40px;

    display: none;

    margin-bottom: 30px;

    color: #fff;
}

section.history .date
{
    font-family: 'adobe-caslon-pro', serif;
    font-size: 46px;
    font-weight: 400;
    line-height: 50px;

    position: relative;

    margin: 0 0 60px;
    padding: 0 0 0 40px;

    letter-spacing: -1px;

    color: #2aa3b8;
    background-color: #323e65;
}

section.history .date:before
{
    position: absolute;
    top: 0;
    left: -16px;

    display: block;

    width: 32px;
    height: 32px;

    content: '';

    border: 2px solid #277786;
    border-radius: 50%;
    background-color: #34b5b5;
    -webkit-box-shadow: 0 0 0 9px rgba(42, 163, 184, .25), 0 0 0 8px #323e65 inset;
            box-shadow: 0 0 0 9px rgba(42, 163, 184, .25), 0 0 0 8px #323e65 inset;
}

section.history .date:after
{
    position: absolute;
    top: 8px;
    left: 150px;

    display: block;

    width: 100%;
    height: 16px;

    content: '';

    border-left: 2px solid #277786;
    background-color: #277786;
    -webkit-box-shadow: -7px 0 0 7px #323e65 inset;
            box-shadow: -7px 0 0 7px #323e65 inset;
}

section.history .highlight
{
    font-family: 'brandon-grotesque', sans-serif;
    font-size: 15px;
    font-weight: 700;
    line-height: 18px;

    display: block;

    height: 120px;
    margin: 0;
    padding: 0 40px 0 0;

    letter-spacing: 2px;
    text-transform: uppercase;

    color: #fff;
}

section.history .content
{
    font-family: 'brandon-grotesque', sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 20px;

    display: block;

    margin: 0;
    padding: 0 40px 0 0;

    letter-spacing: .5px;

    color: #fff;
}

section.floating-box
{
    padding: 100px 0;

    background-color: #f9f8f6;
}

section.floating-box .top-band
{
    padding-top: 70px;
    padding-bottom: 46px;

    border-radius: 3px 3px 0 0;
    background-color: #2aa3b8;
    background-image: url('../images/homepage-jobs-background.jpg');
    background-position: center center;
    background-size: cover;
}

section.floating-box .top-band .highlight
{
    font-family: 'brandon-grotesque', sans-serif;
    font-size: 15px;
    font-weight: 700;
    line-height: 22px;

    display: block;

    margin: 0 0 30px 0;

    letter-spacing: 5px;

    color: #323e65;
}

section.floating-box .top-band h3
{
    font-family: 'adobe-caslon-pro', serif;
    font-size: 30px;
    font-weight: 400;
    font-style: normal;
    line-height: 36px;

    margin: 0;
    padding: 0;

    color: #fff;
}

section.floating-box .bottom-band
{
    font-family: 'brandon-grotesque', sans-serif;
    font-size: 15px;
    font-weight: 700;
    line-height: 32px;

    width: 100%;

    cursor: pointer;
    -webkit-transition: all .3s cubic-bezier(.555, .205, .295, .975);
            transition: all .3s cubic-bezier(.555, .205, .295, .975);
    text-align: center;
    letter-spacing: 5px;
    text-transform: uppercase;

    color: #fff;
    border-radius: 0 0 3px 3px;
    background-color: #323e65;
}

section.floating-box .bottom-band a
{
    display: block;

    width: 100%;
    height: 100%;
    padding: 33px 0;

    text-decoration: none;

    color: #fff;
}

section.floating-box .bottom-band a:hover
{
    text-decoration: none;
}

section.floating-box .bottom-band .bullet-plus
{
    line-height: 32px;

    position: relative;

    display: inline-block;

    width: 32px;
    height: 32px;
    margin-right: 10px;

    -webkit-transition: all .3s cubic-bezier(.555, .205, .295, .975);
            transition: all .3s cubic-bezier(.555, .205, .295, .975);
    -webkit-transform: translateY(-2px);
            transform: translateY(-2px);
    vertical-align: middle;

    border-radius: 50%;
    background-color: #2aa3b8;
}

section.floating-box .bottom-band .bullet-plus .svg.plus
{
    position: absolute;
    top: 10px;
    left: 10px;

    width: 12px;
    height: 12px;
}

section.floating-box .bottom-band:hover
{
    background-color: #2aa3b8;
}

section.floating-box .bottom-band:hover a
{
    text-decoration: none;
}

section.floating-box .bottom-band:hover .bullet-plus
{
    background-color: #323e65;
}

section.boxes
{
    margin-bottom: 20px;
}

section.boxes .row
{
    font-size: 0;
    line-height: 0;

    margin: 0;

    letter-spacing: 0;
}

section.boxes .box
{
    height: 510px;
    padding: 0;

    cursor: pointer;
    -webkit-transition: all .3s cubic-bezier(.555, .205, .295, .975);
            transition: all .3s cubic-bezier(.555, .205, .295, .975);
    -webkit-transition-duration: .6s;
            transition-duration: .6s;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    text-align: center;

    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
}

section.boxes .box:nth-child(1)
{
    border-radius: 3px 0 0 3px;
    background-color: #323e65;
    background-image: url('../images/homepage-boxes-history.jpg');
    background-position: center center;
    background-size: cover;
}

section.boxes .box:nth-child(2)
{
    background-color: #277786;
    background-image: url('../images/homepage-boxes-aliances.jpg');
    background-position: center center;
    background-size: cover;
}

section.boxes .box:nth-child(3)
{
    background-color: #0e93a0;
    background-image: url('../images/homepage-boxes-recognition.jpg');
    background-position: center center;
    background-size: cover;
}

section.boxes .box:nth-child(4)
{
    border-radius: 0 3px 3px 0;
    background-color: #2aa3b8;
    background-image: url('../images/homepage-boxes-sustainability.jpg');
    background-position: center center;
    background-size: cover;
}

section.boxes .box a
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;
}

section.boxes .box .svg.icon
{
    display: inline-block;

    width: 64px;
    height: 64px;
    margin-top: 185px;
    margin-bottom: 42px;

    -webkit-transition: margin-top .6s cubic-bezier(.555, .205, .295, .975);
            transition: margin-top .6s cubic-bezier(.555, .205, .295, .975);
}

section.boxes .box .highlights
{
    font-weight: 700;

    width: 100%;

    -webkit-transition: opacity .3s cubic-bezier(.555, .205, .295, .975);
            transition: opacity .3s cubic-bezier(.555, .205, .295, .975);

    opacity: 1;
    color: #fff;
}

section.boxes .box h4
{
    position: absolute;
    top: 220px;

    padding: 10px 30px;

    -webkit-transition: all .3s cubic-bezier(.555, .205, .295, .975);
            transition: all .3s cubic-bezier(.555, .205, .295, .975);
    -webkit-transition-delay: .1s;
            transition-delay: .1s;
    -webkit-transition-duration: .6s;
            transition-duration: .6s;

    opacity: 0;
    color: #fff;
}

section.boxes .box .svg.arrow
{
    position: absolute;
    bottom: 0;
    left: 50%;

    width: 33px;
    height: 14px;
    margin-left: -16px;

    -webkit-transition: all .3s cubic-bezier(.555, .205, .295, .975);
            transition: all .3s cubic-bezier(.555, .205, .295, .975);
    -webkit-transition-duration: .6s;
            transition-duration: .6s;

    opacity: 0;
}

section.boxes .box .svg.clip
{
    position: absolute;
    bottom: -50px;
    left: 0;

    width: 100%;
    height: auto;
    height: 1px;

    -webkit-transition: all .3s cubic-bezier(.555, .205, .295, .975);
            transition: all .3s cubic-bezier(.555, .205, .295, .975);
    -webkit-transition-delay: .3s;
            transition-delay: .3s;
}

section.boxes .box:hover
{
    height: 620px;
    margin-top: -55px;
    margin-bottom: -55px;
}

section.boxes .box:hover .svg.icon
{
    margin-top: 95px;
}

section.boxes .box:hover .highlights
{
    opacity: 0 !important;
}

section.boxes .box:hover h4
{
    top: 200px;

    opacity: 1;
}

section.boxes .box:hover .svg.arrow
{
    bottom: 110px;

    opacity: 1;
}

section.boxes .box:hover .svg.clip
{
    bottom: -3px;

    height: 45px;
}

section.slidedown
{
    padding-bottom: 100px;

    color: #fff;
    background-color: #f9f8f6;
}

section.slidedown .wrapper
{
    width: 100%;
}

section.slidedown .wrapper.gray-04
{
    background-color: #323e65;
}

section.slidedown .wrapper.green-01
{
    background-color: #277786;
}

section.slidedown .wrapper.green-02
{
    background-color: #0e93a0;
}

section.slidedown .wrapper.green-03
{
    background-color: #2aa3b8;
}

section.slidedown .wrapper.green-05
{
    background-color: #33B5B5;
}

section.slidedown .trigger
{
    position: relative;

    cursor: pointer;
}

section.slidedown .trigger .svg.cross
{
    position: absolute;
    z-index: 1;
    top: 50%;
    right: 100px;

    display: none;

    width: 22px;
    height: 22px;
    margin-top: -11px;

    -webkit-transition: all .3s cubic-bezier(.555, .205, .295, .975);
            transition: all .3s cubic-bezier(.555, .205, .295, .975);
    -webkit-transition-delay: .2s;
            transition-delay: .2s;

    opacity: 1;
}

section.slidedown .trigger .svg.arrow
{
    position: absolute;
    z-index: 1;
    top: 60%;
    right: 100px;

    display: block;

    width: 33px;
    height: 14px;
    margin-top: -7px;

    -webkit-transition: all .3s cubic-bezier(.555, .205, .295, .975);
            transition: all .3s cubic-bezier(.555, .205, .295, .975);
    -webkit-transition-delay: .2s;
            transition-delay: .2s;

    opacity: 0;
}

section.slidedown .trigger:hover .svg.arrow
{
    top: 50%;

    opacity: 1;
}

section.slidedown .content
{
    padding-bottom: 100px;
}

section.slidedown .highlight
{
    font-family: 'brandon-grotesque', sans-serif;
    font-size: 15px;
    font-weight: 700;
    line-height: 22px;

    display: block;

    margin: 60px 0 60px 0;
    padding: 0 100px;

    letter-spacing: 5px;
}

section.slidedown h3
{
    margin-bottom: 50px;

    color: #fff;
}

section.slidedown h3:last-child
{
    margin: 0;
}

section.slidedown p
{
    font-family: 'brandon-grotesque', sans-serif;
    font-size: 22px;
    font-weight: 400;
    line-height: 30px;

    margin: 0 0 30px 0;
}

section.slidedown p:last-child
{
    margin: 0;
}

section.slidedown p .aligncenter
{
    display: block;

    margin: 0 auto;
}

section.slidedown p .alignright
{
    float: right;

    margin: 0;
}

section.slidedown p .alignleft
{
    float: left;

    margin: 0;
}

section.slidedown .list-wrapper
{
    margin-top: 60px;
}

section.slidedown ul
{
    margin: 0;
    padding: 0;
}

section.slidedown ul li
{
    font-family: 'brandon-grotesque', sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 32px;

    margin: 0 0 0 26px;
    padding: 0 20px;

    list-style: none;
    list-style-position: outside;
    list-style-image: url('../../assets/images/ui-bullet.svg');
}

section.tabs
{
    background-color: #277786;
}

section.tabs .tab-content > .tab-pane
{
    padding: 100px 0;
}

section.tabs .tab-content > .tab-pane:nth-child(1)
{
    background-color: #78aab5;
}

section.tabs .tab-content > .tab-pane:nth-child(2)
{
    background-color: #007588;
}

section.tabs .tab-content > .tab-pane:nth-child(3)
{
    background-color: #2f5b65;
}

section.tabs .tab-content h2
{
    font-family: 'adobe-caslon-pro', serif;
    font-size: 46px;
    font-weight: 400;
    line-height: 50px;

    margin: 0 0 40px;
    padding: 0;

    color: #fff;
}

section.tabs .tab-content p
{
    font-family: 'brandon-grotesque', sans-serif;
    font-size: 26px;
    font-weight: 400;
    line-height: 36px;

    margin: 0 0 70px 0;
    padding: 0 30px;

    color: #fff;
}

section.tabs .tab-content ul
{
    margin: 0;
    padding: 0;
}

section.tabs .tab-content ul li
{
    position: relative;

    display: block;
    overflow: hidden;

    margin-bottom: 10px;

    list-style: none;

    text-align: left;

    border-radius: 2px;
    background-color: #fff;
    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .09);
            box-shadow: 0 10px 20px rgba(0, 0, 0, .09);
}

section.tabs .tab-content ul li:after
{
    position: absolute;
    bottom: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 0;

    content: '';
    -webkit-transition: all .3s cubic-bezier(.555, .205, .295, .975);
            transition: all .3s cubic-bezier(.555, .205, .295, .975);

    background-color: #2aa3b8;
}

section.tabs .tab-content ul li a
{
    font-family: 'adobe-caslon-pro', serif;
    font-size: 22px;
    font-weight: 400;
    line-height: 26px;

    position: relative;
    z-index: 1;

    display: block;

    margin: 0;
    padding: 34px 80px 20px 43px;

    -webkit-transition: all .3s cubic-bezier(.555, .205, .295, .975);
            transition: all .3s cubic-bezier(.555, .205, .295, .975);
    text-decoration: none;

    color: #323e65;
}

section.tabs .tab-content ul li a .svg.arrow
{
    position: absolute;
    z-index: 1;
    top: 57px;
    right: 30px;

    display: block;

    width: 33px;
    height: 14px;

    -webkit-transition: all .3s cubic-bezier(.555, .205, .295, .975);
            transition: all .3s cubic-bezier(.555, .205, .295, .975);
    -webkit-transition-delay: .2s;
            transition-delay: .2s;

    opacity: 0;
}

section.tabs .tab-content ul li a:before
{
    position: absolute;
    top: 43px;
    left: 0;

    display: block;

    width: 30px;
    height: 2px;

    content: '';
    -webkit-transition: all .3s cubic-bezier(.555, .205, .295, .975);
            transition: all .3s cubic-bezier(.555, .205, .295, .975);

    background-color: #2aa3b8;
}

section.tabs .tab-content ul li a:after
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 8px;

    content: '';

    border-radius: 2px 2px 0 0;
    background-color: #323e65;
}

section.tabs .tab-content ul li:hover a,
section.tabs .tab-content ul li:active a,
section.tabs .tab-content ul li:focus a
{
    text-decoration: none;

    color: #fff;
}

section.tabs .tab-content ul li:hover a:before,
section.tabs .tab-content ul li:active a:before,
section.tabs .tab-content ul li:focus a:before
{
    background-color: #fff;
}

section.tabs .tab-content ul li:hover .svg.arrow,
section.tabs .tab-content ul li:active .svg.arrow,
section.tabs .tab-content ul li:focus .svg.arrow
{
    top: 37px;

    opacity: 1;
}

section.tabs .tab-content ul li:hover:after,
section.tabs .tab-content ul li:active:after,
section.tabs .tab-content ul li:focus:after
{
    height: 100%;
}

section.tabs .nav-tabs
{
    border: none;
}

section.tabs .nav-tabs > li
{
    width: 33%;
    margin: 0;

    text-align: center;
}

section.tabs .nav-tabs > li > a
{
    font-family: 'brandon-grotesque', sans-serif;
    font-size: 15px;
    font-weight: 700;
    line-height: 20px;

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    width: 100%;
    height: 100%;
    margin: 0;
    padding: 30px 0;

    letter-spacing: 5px;

    color: #fff;
    border: none;
    border-radius: 0;

    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
}

section.tabs .nav-tabs > li:nth-child(1) > a
{
    background-color: #78aab5;
}

section.tabs .nav-tabs > li:nth-child(2) > a
{
    background-color: #007588;
}

section.tabs .nav-tabs > li:nth-child(3) > a
{
    background-color: #2f5b65;
}

section.tabs .nav-tabs > li.active > a,
section.tabs .nav-tabs > li.active > a:hover,
section.tabs .nav-tabs > li.active > a:focus
{
    color: #fff;
    border: none;
    border-radius: 0;
}

section.tabs .nav-tabs > li.active:nth-child(1) > a,
section.tabs .nav-tabs > li.active:nth-child(1) > a:hover,
section.tabs .nav-tabs > li.active:nth-child(1) > a:focus
{
    background-color: #78aab5;
}

section.tabs .nav-tabs > li.active:nth-child(2) > a,
section.tabs .nav-tabs > li.active:nth-child(2) > a:hover,
section.tabs .nav-tabs > li.active:nth-child(2) > a:focus
{
    background-color: #007588;
}

section.tabs .nav-tabs > li.active:nth-child(3) > a,
section.tabs .nav-tabs > li.active:nth-child(3) > a:hover,
section.tabs .nav-tabs > li.active:nth-child(3) > a:focus
{
    background-color: #2f5b65;
}

section.related
{
    overflow: hidden;

    width: 100%;
    padding: 60px 0 55px;

    color: #fff;
    background-color: #0e93a0;
}

section.related.invert
{
    color: #323e65;
    background-color: #f9f8f6;
}

section.related.extra-top-padding
{
    padding-top: 90px;
}

section.related .highlight
{
    font-family: 'brandon-grotesque', sans-serif;
    font-size: 15px;
    font-weight: 700;
    line-height: 22px;

    display: block;

    margin: 0 0 50px 0;

    letter-spacing: 5px;

    color: #fff;
}

section.related .col-md-4
{
    outline: none;
}

section.related .card
{
    position: relative;

    overflow: hidden;

    height: 380px;
    margin-bottom: 30px;
    padding: 38px 43px 100px 43px;

    cursor: pointer;

    border-radius: 2px;
    outline: none;
    background-color: #fff;
    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .09);
            box-shadow: 0 10px 20px rgba(0, 0, 0, .09);
}

section.related .card > a.main-link
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    outline: none;
}

section.related .card:after
{
    position: absolute;
    bottom: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 0;

    content: '';
    -webkit-transition: all .3s cubic-bezier(.555, .205, .295, .975);
            transition: all .3s cubic-bezier(.555, .205, .295, .975);
    pointer-events: none;

    background-color: #323e65;
}

section.related .card:before
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 8px;

    content: '';

    background-color: #323e65;
    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .09);
            box-shadow: 0 10px 20px rgba(0, 0, 0, .09);
}

section.related .card .date
{
    font-family: 'brandon-grotesque', sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 12px;

    position: relative;

    display: block;

    margin-bottom: 23px;

    text-transform: uppercase;

    color: #747aa1;
}

section.related .card .date:before
{
    position: absolute;
    top: 5px;
    left: -43px;

    display: block;

    width: 30px;
    height: 2px;

    content: '';

    background-color: #2aa3b8;
}

section.related .card .line-button
{
    font-family: 'brandon-grotesque', sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 29px;

    position: absolute;
    z-index: 1;
    bottom: 34px;
    left: 43px;

    display: inline-block;

    height: 32px;
    margin: 0;
    padding: 0 12px 0 12px;

    -webkit-transition: all .3s cubic-bezier(.555, .205, .295, .975);
            transition: all .3s cubic-bezier(.555, .205, .295, .975);
    text-decoration: none;
    letter-spacing: .5px;
    text-transform: uppercase;

    color: #747aa1;
    border: 2px solid rgba(220, 223, 231, .4);
    border-radius: 20px;
}

section.related .card .full-button
{
    font-family: 'brandon-grotesque', sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 29px;

    position: absolute;
    z-index: 1;
    bottom: 34px;
    left: 43px;

    display: inline-block;

    height: 32px;
    margin: 0;
    padding: 0 12px 0 12px;

    -webkit-transition: all .3s cubic-bezier(.555, .205, .295, .975);
            transition: all .3s cubic-bezier(.555, .205, .295, .975);
    text-decoration: none;
    letter-spacing: .5px;
    text-transform: uppercase;

    color: #fff;
    border: 2px solid #277786;
    border-radius: 20px;
    background-color: #277786;
}

section.related .card .avatar-wrapper
{
    position: absolute;
    z-index: 1;
    right: 43px;
    bottom: 34px;

    height: 32px;

    text-align: left;
}

section.related .card .avatar
{
    display: inline-block;
    overflow: hidden;

    width: 32px;
    height: 32px;
    margin-left: 4px;

    border-radius: 2px;
    background-color: #747aa1;
}

section.related .card .svg.arrow
{
    position: absolute;
    z-index: 1;
    right: 43px;
    bottom: 0;

    display: block;

    width: 33px;
    height: 14px;

    -webkit-transition: all .3s cubic-bezier(.555, .205, .295, .975);
            transition: all .3s cubic-bezier(.555, .205, .295, .975);
    -webkit-transition-delay: .2s;
            transition-delay: .2s;

    opacity: 0;
}

section.related .card:hover .line-button
{
    color: #fff;
    border-color: rgba(255, 255, 255, .4);
}

section.related .card:hover .full-button
{
    border-color: #34b5b5;
    background-color: #34b5b5;
}

section.related .card:hover .svg.arrow
{
    bottom: 44px;

    opacity: 1;
}

section.related .card:hover:after
{
    height: 100px;
}

section.related .card.press:after
{
    background-color: #747aa1;
}

section.related .card.press .full-button
{
    border: 2px solid #747aa1;
    background-color: #747aa1;
}

section.related .card.press:hover .full-button
{
    color: #747aa1;
    border-color: #fff;
    background-color: #fff;
}

section.related .card.events:after
{
    background-color: #323e65;
}

section.related .card.events .full-button
{
    border: 2px solid #323e65;
    background-color: #323e65;
}

section.related .card.events:hover .full-button
{
    color: #323e65;
    border-color: #fff;
    background-color: #fff;
}

section.related .card.alerts:after
{
    background-color: #0e93a0;
}

section.related .card.alerts .full-button
{
    border: 2px solid #0e93a0;
    background-color: #0e93a0;
}

section.related .card.alerts:hover .full-button
{
    color: #0e93a0;
    border-color: #fff;
    background-color: #fff;
}

section.related .card.articles:after
{
    background-color: #747aa1;
}

section.related .card.articles .full-button
{
    border: 2px solid #747aa1;
    background-color: #747aa1;
}

section.related .card.articles:hover .full-button
{
    color: #747aa1;
    border-color: #fff;
    background-color: #fff;
}

section.related .card.bulletins:after
{
    background-color: #34b5b5;
}

section.related .card.bulletins .full-button
{
    border: 2px solid #34b5b5;
    background-color: #34b5b5;
}

section.related .card.bulletins:hover .full-button
{
    color: #34b5b5;
    border-color: #fff;
    background-color: #fff;
}

section.related .action-button,
section.related a.action-button
{
    font-family: 'brandon-grotesque', sans-serif;
    font-size: 15px;
    font-weight: 700;
    line-height: 32px;

    display: inline-block;

    margin-top: 25px;

    cursor: pointer;
    -webkit-transition: all .3s cubic-bezier(.555, .205, .295, .975);
            transition: all .3s cubic-bezier(.555, .205, .295, .975);
    text-align: center;
    text-decoration: none;
    letter-spacing: 5px;
    text-transform: uppercase;
}

section.related .action-button.white,
section.related a.action-button.white
{
    color: #fff;
}

section.related .action-button.disabled,
section.related a.action-button.disabled
{
    opacity: .4;
}

section.related .action-button .bullet-plus,
section.related a.action-button .bullet-plus
{
    line-height: 32px;

    position: relative;

    display: inline-block;

    width: 32px;
    height: 32px;
    margin-right: 10px;

    -webkit-transform: translateY(-2px);
            transform: translateY(-2px);
    vertical-align: middle;

    border-radius: 50%;
    background-color: #323e65;
}

section.related .action-button .bullet-plus .svg.plus,
section.related a.action-button .bullet-plus .svg.plus
{
    position: absolute;
    top: 10px;
    left: 10px;

    width: 12px;
    height: 12px;
}

section.team-list
{
    overflow: hidden;

    width: 100%;
    padding: 0 0 100px;

    color: #fff;
    background-color: #f9f8f6;
}

section.team-list #team-cards .card
{
    position: relative;

    overflow: hidden;

    height: 450px;
    margin: 0 20px 60px;
    padding: 0;

    -webkit-transition: all .3s cubic-bezier(.555, .205, .295, .975);
            transition: all .3s cubic-bezier(.555, .205, .295, .975);
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
    text-align: center;

    opacity: 0;
    border-radius: 2px;
    background-color: #2aa3b8;
}

section.team-list #team-cards .card > a
{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;
}

section.team-list #team-cards .card .highlight
{
    font-family: 'brandon-grotesque', sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 12px;

    position: relative;

    display: block;

    margin-top: 25px;
    margin-bottom: 15px;

    -webkit-transform: translateY(10px);
            transform: translateY(10px);
    text-transform: uppercase;

    opacity: 0;
    color: #fff;
}

section.team-list #team-cards .card h3
{
    font-size: 22px;
    line-height: 25px;

    padding: 0 30px;

    -webkit-transform: translateY(10px);
            transform: translateY(10px);

    opacity: 0;
    color: #fff;
}

section.team-list #team-cards .card h3 a
{
    text-decoration: none;

    color: #fff;
}

section.team-list #team-cards .card .links
{
    position: absolute;
    z-index: 2;
    bottom: 20px;

    display: block;

    width: 100%;

    -webkit-transform: translateY(10px);
            transform: translateY(10px);

    opacity: 0;
}

section.team-list #team-cards .card .links a
{
    font-family: 'brandon-grotesque', sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 23px;

    display: block;

    width: 100%;

    -webkit-transition: all .3s cubic-bezier(.555, .205, .295, .975);
            transition: all .3s cubic-bezier(.555, .205, .295, .975);
    text-decoration: none;
    letter-spacing: -.1px;

    color: #fff;
}

section.team-list #team-cards .card .links a:hover
{
    color: #51c8ce;
}

section.team-list #team-cards .card .profile-pic
{
    display: block;
    overflow: hidden;

    width: 100%;
    height: auto;
}

section.team-list #team-cards .card:hover
{
    -webkit-transform: scale(1.1);
            transform: scale(1.1);

    background-color: #277786;
    -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, .35);
            box-shadow: 0 15px 30px rgba(0, 0, 0, .35);
}

section.team-list #team-rows > .row
{
    margin: 0;
    margin-bottom: 60px;
    padding: 25px;
    padding-bottom: 15px;

    border-radius: 2px;
    background-color: #fff;
    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .09);
            box-shadow: 0 10px 20px rgba(0, 0, 0, .09);
}

section.team-list #team-rows .col-12
{
    position: relative;

    height: 70px;
    margin-bottom: 10px;

    -webkit-transition: all .3s cubic-bezier(.555, .205, .295, .975);
            transition: all .3s cubic-bezier(.555, .205, .295, .975);

    background-color: transparent;
    -webkit-box-shadow: 25px 0 0 0 transparent, -25px 0 0 0 transparent, 20px 0 0 5px transparent, -20px 0 0 5px transparent;
            box-shadow: 25px 0 0 0 transparent, -25px 0 0 0 transparent, 20px 0 0 5px transparent, -20px 0 0 5px transparent;
}

section.team-list #team-rows .col-12:hover
{
    background-color: #f1f3f6;
    -webkit-box-shadow: 25px 0 0 0 #f1f3f6, -25px 0 0 0 #f1f3f6, 20px 0 0 5px #f1f3f6, -20px 0 0 5px #f1f3f6;
            box-shadow: 25px 0 0 0 #f1f3f6, -25px 0 0 0 #f1f3f6, 20px 0 0 5px #f1f3f6, -20px 0 0 5px #f1f3f6;
}

section.team-list #team-rows .profile-pic
{
    position: absolute;
    top: 0;
    left: 0;

    overflow: hidden;

    width: 70px;
    height: 70px;

    border-radius: 2px;
}

section.team-list #team-rows h3
{
    font-size: 18px;
    line-height: 20px;

    position: absolute;
    top: 28px;
    left: 100px;

    color: #414e77;
}

section.team-list #team-rows h3 a
{
    text-decoration: none;

    color: #414e77;
}

section.team-list #team-rows .highlight
{
    font-family: 'brandon-grotesque', sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 20px;

    position: absolute;
    top: 25px;
    left: 380px;

    text-transform: uppercase;

    color: #2aa3b8;
}

section.team-list #team-rows .phone
{
    font-family: 'brandon-grotesque', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;

    position: absolute;
    top: 25px;
    left: 580px;

    text-decoration: none;
    letter-spacing: -.1px;

    color: #747aa1;
}

section.team-list #team-rows .phone:hover
{
    color: #2aa3b8;
}

section.team-list #team-rows .email
{
    font-family: 'brandon-grotesque', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;

    position: absolute;
    top: 25px;
    left: 760px;

    text-decoration: none;
    letter-spacing: -.1px;

    color: #747aa1;
}

section.team-list #team-rows .email:hover
{
    color: #2aa3b8;
}

section.team-list #team-rows .download
{
    font-family: 'brandon-grotesque', sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 20px;

    position: absolute;
    top: 25px;
    left: 1050px;

    text-decoration: none;

    color: #747aa1;
}

section.team-list #team-rows .download:hover
{
    color: #2aa3b8;
}

section.team-list .action-button
{
    font-family: 'brandon-grotesque', sans-serif;
    font-size: 15px;
    font-weight: 700;
    line-height: 32px;

    display: inline-block;

    margin-top: 40px;

    cursor: pointer;
    text-align: center;
    letter-spacing: 5px;
    text-transform: uppercase;

    color: #323e65;
}

section.team-list .action-button .bullet-plus
{
    line-height: 32px;

    position: relative;

    display: inline-block;

    width: 32px;
    height: 32px;
    margin-right: 10px;

    -webkit-transform: translateY(-2px);
            transform: translateY(-2px);
    vertical-align: middle;

    border-radius: 50%;
    background-color: #323e65;
}

section.team-list .action-button .bullet-plus .svg.plus
{
    position: absolute;
    top: 10px;
    left: 10px;

    width: 12px;
    height: 12px;
}

section.team-list #view-filters
{
    height: 70px;
    margin-bottom: 100px;
    padding: 0;

    background-color: #fff;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .15);
            box-shadow: 0 0 5px rgba(0, 0, 0, .15);
}

section.team-list #view-filters .col-12
{
    height: 70px;
}

section.team-list #view-filters .dropdown.filter
{
    display: inline-block;

    width: auto;
    margin: 0;
    padding-top: 20px;
}

section.team-list #view-filters .svg.search-icon
{
    float: left;

    width: 24px;
    height: 24px;
    margin-top: 23px;
    margin-right: 10px;
}

section.team-list #view-filters .search
{
    font-family: 'brandon-grotesque', sans-serif;
    font-size: 18px;
    font-weight: 400;
    font-style: italic;
    line-height: 30px;

    float: left;

    width: 250px;
    height: 30px;
    margin-top: 21px;

    color: #a9abba;
    border: none;
    outline: none;
    background: none;
    -webkit-box-shadow: none;
            box-shadow: none;

    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}

section.team-list #view-filters .search::-webkit-input-placeholder
{
    color: #a9abba;
}

section.team-list #view-filters .search::-moz-placeholder
{
    color: #a9abba;
}

section.team-list #view-filters .search:-ms-input-placeholder
{
    color: #a9abba;
}

section.team-list #view-filters .search:-moz-placeholder
{
    color: #a9abba;
}

section.team-list #view-filters .view-grid
{
    position: relative;

    display: inline-block;

    width: 48px;
    height: 100%;
    margin-left: 10px;
    padding-top: 24px;

    cursor: pointer;
    -webkit-transition: all .3s cubic-bezier(.555, .205, .295, .975);
            transition: all .3s cubic-bezier(.555, .205, .295, .975);
    vertical-align: top;

    border-left: 1px solid #eaeaee;
}

section.team-list #view-filters .view-grid .view-grid-icon
{
    position: absolute;
    top: 27px;
    left: 20px;

    display: block;

    width: 4px;
    height: 4px;

    background-color: #747aa1;
    -webkit-box-shadow: 6px 0 0 #747aa1, 12px 0 0 #747aa1, 0 6px 0 #747aa1, 6px 6px 0 #747aa1, 12px 6px 0 #747aa1, 0 12px 0 #747aa1, 6px 12px 0 #747aa1, 12px 12px 0 #747aa1;
            box-shadow: 6px 0 0 #747aa1, 12px 0 0 #747aa1, 0 6px 0 #747aa1, 6px 6px 0 #747aa1, 12px 6px 0 #747aa1, 0 12px 0 #747aa1, 6px 12px 0 #747aa1, 12px 12px 0 #747aa1;
}

section.team-list #view-filters .view-grid.active .view-grid-icon
{
    background-color: #239db2;
    -webkit-box-shadow: 6px 0 0 #239db2, 12px 0 0 #239db2, 0 6px 0 #239db2, 6px 6px 0 #239db2, 12px 6px 0 #239db2, 0 12px 0 #239db2, 6px 12px 0 #239db2, 12px 12px 0 #239db2;
            box-shadow: 6px 0 0 #239db2, 12px 0 0 #239db2, 0 6px 0 #239db2, 6px 6px 0 #239db2, 12px 6px 0 #239db2, 0 12px 0 #239db2, 6px 12px 0 #239db2, 12px 12px 0 #239db2;
}

section.team-list #view-filters .view-list
{
    position: relative;

    display: inline-block;

    width: 48px;
    height: 100%;
    padding-top: 24px;

    cursor: pointer;
    -webkit-transition: all .3s cubic-bezier(.555, .205, .295, .975);
            transition: all .3s cubic-bezier(.555, .205, .295, .975);
    vertical-align: top;

    border-right: 1px solid #eaeaee;
}

section.team-list #view-filters .view-list .view-list-icon
{
    position: absolute;
    top: 28px;
    right: 20px;

    display: block;

    width: 18px;
    height: 2px;

    background-color: #747aa1;
    -webkit-box-shadow: 0 4px 0 #747aa1, 0 8px 0 #747aa1, 0 12px 0 #747aa1;
            box-shadow: 0 4px 0 #747aa1, 0 8px 0 #747aa1, 0 12px 0 #747aa1;
}

section.team-list #view-filters .view-list.active .view-list-icon
{
    background-color: #239db2;
    -webkit-box-shadow: 0 4px 0 #239db2, 0 8px 0 #239db2, 0 12px 0 #239db2;
            box-shadow: 0 4px 0 #239db2, 0 8px 0 #239db2, 0 12px 0 #239db2;
}

section.team-list #view-filters .download-pdf
{
    font-family: 'brandon-grotesque', sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 14px;

    display: inline-block;

    height: 100%;
    padding: 21px 0 0 20px;

    cursor: pointer;
    -webkit-transition: all .3s cubic-bezier(.555, .205, .295, .975);
            transition: all .3s cubic-bezier(.555, .205, .295, .975);
    text-align: center;
    vertical-align: top;
    text-decoration: none;
    text-transform: uppercase;

    color: #747aa1;
}

section.team-list #view-filters .download-pdf:hover
{
    color: #2aa3b8;
}

section.team-list .no-results
{
    font-family: 'brandon-grotesque', sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 14px;

    display: none;

    padding: 40px 0;

    text-align: center;
    text-transform: uppercase;

    color: #747aa1;
}

.dropdown.filter
{
    display: inline-block;

    width: 100%;
    margin-right: 30px;
    margin-bottom: 40px;
    padding: 0 15px 0 15px;

    text-align: right;

    color: #747aa1;
}

.dropdown.filter .heading
{
    font-family: 'brandon-grotesque', sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 34px;

    display: inline-block;

    height: 30px;
    margin: 0 15px 0 0;

    vertical-align: top;
    text-transform: uppercase;
}

.dropdown.filter .dropdown-toggle
{
    font-family: 'brandon-grotesque', sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;

    position: relative;

    display: inline-block;
    overflow: hidden;

    max-width: 200px;
    padding-right: 20px;

    -webkit-transition: all .3s cubic-bezier(.555, .205, .295, .975);
            transition: all .3s cubic-bezier(.555, .205, .295, .975);
    white-space: nowrap;
    text-decoration: none;
    text-overflow: ellipsis;

    color: inherit;
}

.dropdown.filter .dropdown-toggle .svg.caret-down
{
    position: absolute;
    top: 11px;
    right: 0;

    margin-left: 4px;
}

.dropdown.filter .dropdown-toggle:hover
{
    color: #2aa3b8;
}

.dropdown.filter .dropdown-menu
{
    right: 15px;
    left: auto;

    overflow-y: auto;

    width: 250px;
    max-height: 300px;
    margin-top: 0;
    padding-top: 15px;
    padding-bottom: 15px;

    border: 0;
    border-radius: 3px;
    background-color: #fff;
    -webkit-box-shadow: 0 20px 30px rgba(0, 0, 0, .3);
            box-shadow: 0 20px 30px rgba(0, 0, 0, .3);
}

@media (min-width: 1199px) {
  .dropdown.filter .dropdown-menu.team {
    width: 375px;
  }


  .dropdown.filter .dropdown-menu.industries {
    width: 375px;
  }
}

.dropdown.filter .dropdown-menu li.checkbox-wrapper
{
    position: relative;
}

.dropdown.filter .dropdown-menu li.checkbox-wrapper input[type=checkbox]
{
    position: absolute;
    top: 0;
    left: 0;

    visibility: hidden;
    overflow: hidden;

    width: 0;
    height: 0;
}

.dropdown.filter .dropdown-menu li.checkbox-wrapper input[type=checkbox]:checked + label
{
    border-color: #2aa3b8;
    background-color: #2aa3b8;
}

.dropdown.filter .dropdown-menu li.checkbox-wrapper input[type=checkbox]:checked + label:after
{
    opacity: 1;
}

.dropdown.filter .dropdown-menu li.checkbox-wrapper label
{
    position: absolute;
    top: 7px;
    left: 20px;

    width: 20px;
    height: 20px;

    cursor: pointer;
    -webkit-transition: all .3s ease-in;
            transition: all .3s ease-in;

    border: 1px solid #dcdfe7;
    border-radius: 3px;
}

.dropdown.filter .dropdown-menu li.checkbox-wrapper label:after
{
    position: absolute;
    top: 5px;
    left: 3px;

    width: 12px;
    height: 6px;

    content: '';
    -webkit-transition: all .3s ease-in;
            transition: all .3s ease-in;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);

    opacity: 0;
    border: 2px solid #fff;
    border-top: none;
    border-right: none;
    background: transparent;
}

.dropdown.filter .dropdown-menu li.checkbox-wrapper .checkbox-label
{
    font-family: 'brandon-grotesque', sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 34px;

    overflow: hidden;

    margin: 0;
    padding-right: 20px;
    padding-left: 50px;

    white-space: nowrap;
    text-transform: uppercase;
    text-overflow: ellipsis;

    color: #2aa3b8;
}

.dropdown.filter .dropdown-menu li.link-wrapper
{
    position: relative;
}

.dropdown.filter .dropdown-menu li.link-wrapper a
{
    font-family: 'brandon-grotesque', sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 34px;

    margin: 0;

    text-transform: uppercase;

    color: #fff;
}

.dropdown.filter .dropdown-menu li.link-wrapper a:hover
{
    background-color: #323e65;
}

.dropdown.filter .dropdown-menu li.link-wrapper.active a
{
    color: #fff;
    background-color: #323e65;
}

section.icon-boxes
{
    padding-bottom: 120px;

    background-color: #f9f8f6;
}

section.icon-boxes .box
{
    position: relative;

    float: left;

    width: 33.3333%;
    height: 250px;
    padding-top: 40px;

    -webkit-transition: all .3s cubic-bezier(.555, .205, .295, .975);
            transition: all .3s cubic-bezier(.555, .205, .295, .975);
    text-align: center;

    color: #fff;
    background-color: teal;
}

section.icon-boxes .box:first-child
{
    border-radius: 3px 0 0 3px;
    background-color: #323e65;
}

section.icon-boxes .box:nth-child(2)
{
    background-color: #277786;
}

section.icon-boxes .box:last-child
{
    border-radius: 0 3px 3px 0;
    background-color: #2aa3b8;
}

section.icon-boxes .box a
{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    text-decoration: none;
}

section.icon-boxes .box:hover
{
    height: 270px;
    margin-top: -10px;
    margin-bottom: -10px;
    padding-top: 50px;
}

section.icon-boxes .box:hover .box-email
{
    bottom: 50px;
}

section.icon-boxes .svg.icon
{
    width: 66px;
    height: 66px;
    margin-bottom: 25px;
}

section.icon-boxes .box-title
{
    font-family: 'brandon-grotesque', sans-serif;
    font-size: 15px;
    font-weight: 700;
    line-height: 20px;

    display: block;

    letter-spacing: 5px;
    text-transform: uppercase;
}

section.icon-boxes .box-email
{
    font-family: 'brandon-grotesque', sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;

    position: absolute;
    bottom: 40px;

    display: block;

    width: 100%;

    -webkit-transition: all .3s cubic-bezier(.555, .205, .295, .975);
            transition: all .3s cubic-bezier(.555, .205, .295, .975);
}

section.contact-form
{
    position: relative;

    width: 100%;
    padding: 0 0 100px 0;

    background-color: #f9f8f6;
}

section.contact-form .card
{
    margin-top: -40px;
    padding: 50px;

    -webkit-transform: translateY(30px);
            transform: translateY(30px);

    opacity: 0;
    border-radius: 3px;
    background-color: #fff;
    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .09);
            box-shadow: 0 10px 20px rgba(0, 0, 0, .09);
}

section.contact-form .card input,
section.contact-form .card textarea
{
    font-family: 'brandon-grotesque', sans-serif;
    font-size: 18px;
    font-weight: 400;

    width: 100%;
    height: 50px;
    margin-bottom: 20px;
    padding: 0 20px;

    color: #747aa1;
    border: none;
    border-radius: 3px;
    outline: none;
    background: none;
    background-color: #f9f8f6;
    -webkit-box-shadow: none;
            box-shadow: none;

    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}

section.contact-form .card input::-webkit-input-placeholder,
section.contact-form .card textarea::-webkit-input-placeholder
{
    color: #747aa1;
}

section.contact-form .card input::-moz-placeholder,
section.contact-form .card textarea::-moz-placeholder
{
    color: #747aa1;
}

section.contact-form .card input:-ms-input-placeholder,
section.contact-form .card textarea:-ms-input-placeholder
{
    color: #747aa1;
}

section.contact-form .card input:-moz-placeholder,
section.contact-form .card textarea:-moz-placeholder
{
    color: #747aa1;
}

section.contact-form .card input.half,
section.contact-form .card textarea.half
{
    float: left;

    width: 48%;
}

section.contact-form .card input.left,
section.contact-form .card textarea.left
{
    margin-right: 2%;
}

section.contact-form .card input.right,
section.contact-form .card textarea.right
{
    margin-left: 2%;
}

section.contact-form .card input.input-error,
section.contact-form .card textarea.input-error
{
    -webkit-box-shadow: 0 0 0 1px #ed5a67 inset;
            box-shadow: 0 0 0 1px #ed5a67 inset;
}

section.contact-form .card textarea
{
    height: 290px;
    padding-top: 12px;

    resize: none;
}

section.contact-form .card button
{
    font-family: 'brandon-grotesque', sans-serif;
    font-size: 15px;
    font-weight: 700;
    line-height: 15px;

    display: inline-block;

    width: 120px;
    height: 50px;

    -webkit-transition: all .3s cubic-bezier(.555, .205, .295, .975);
            transition: all .3s cubic-bezier(.555, .205, .295, .975);
    text-align: center;
    letter-spacing: 3px;

    color: #fff;
    border: none;
    border-radius: 3px;
    outline: none;
    background-color: #2aa3b8;
    -webkit-box-shadow: none;
            box-shadow: none;

    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
            appearance: none;
}

section.contact-form .card button:hover
{
    background-color: #747aa1;
}

section.contact-form .card button.disabled
{
    cursor: not-allowed;

    opacity: .5;
    background-color: #2aa3b8;
}

section.contact-form .card button.disabled:hover
{
    background-color: #2aa3b8;
}

section.contact-form .card .error-message
{
    font-family: 'brandon-grotesque', sans-serif;
    font-size: 18px;
    font-weight: 400;

    display: none;

    margin-top: -10px;
    margin-bottom: 20px;

    color: #ed5a67;
}

section.contact-form .card .success-message
{
    font-family: 'brandon-grotesque', sans-serif;
    font-size: 18px;
    font-weight: 400;

    display: none;

    margin-top: -10px;
    margin-bottom: 20px;

    color: limegreen;
}

section.contact-form .card .g-recaptcha
{
    margin-bottom: 40px;
}

section.contact-form .card .g-recaptcha > div
{
    margin: 0 auto;
}

section.profile-card
{
    padding: 80px 0 0;

    background-color: #f9f8f6;
}

section.profile-card .container-fluid
{
    position: relative;

    margin-right: -25px;
    margin-left: -25px;
    padding: 30px 25px;

    color: #fff;
    border-radius: 3px;
    background-color: #277786;
}

section.profile-card .container-fluid .highlight
{
    font-family: 'brandon-grotesque', sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 12px;

    display: block;

    margin-bottom: 10px;

    -webkit-transform: translateY(20px);
            transform: translateY(20px);
    letter-spacing: .5px;
    text-transform: uppercase;

    opacity: 0;
    color: #fff;
}

section.profile-card .container-fluid h3
{
    font-size: 30px;
    line-height: 36px;

    margin-bottom: 20px;

    -webkit-transform: translateY(20px);
            transform: translateY(20px);

    opacity: 0;
    color: #fff;
}

section.profile-card .container-fluid h4
{
    font-family: 'brandon-grotesque', sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 12px;

    display: block;

    margin-top: 30px;
    margin-bottom: 5px;

    text-transform: uppercase;

    color: #fff;
}

section.profile-card .container-fluid .profile
{
    width: 100%;
    height: auto;

    -webkit-transform: translateY(20px);
            transform: translateY(20px);

    opacity: 0;
    border: 4px solid #277786;
    border-radius: 3px;
    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .15);
            box-shadow: 0 10px 20px rgba(0, 0, 0, .15);
}

section.profile-card .container-fluid a
{
    font-family: 'brandon-grotesque', sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;

    text-decoration: none;

    color: #fff;
    border-bottom: 1px dashed #fff;
}

section.profile-card .container-fluid a.documents-link
{
    font-family: 'brandon-grotesque', sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 15px;

    display: inline-block;
    float: left;

    width: 50%;
    margin-top: 20px;
    padding: 0;

    -webkit-transition: all .3s cubic-bezier(.555, .205, .295, .975);
            transition: all .3s cubic-bezier(.555, .205, .295, .975);
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
    text-align: center;
    text-transform: uppercase;

    opacity: 0;
    color: #fff;
    border: none;
}

section.profile-card .container-fluid a.contact-link
{
    font-family: 'adobe-caslon-pro', serif;
    font-size: 22px;
    font-weight: 400;
    font-style: italic;
    line-height: 30px;

    display: block;

    margin: 0;
    margin-bottom: 3px;
    padding: 0;

    -webkit-transform: translateY(20px);
            transform: translateY(20px);

    opacity: 0;
    border: none;
}

section.profile-card .container-fluid a.contact-link img
{
    margin-right: 10px;
}

section.profile-card .container-fluid a.link-prev,
section.profile-card .container-fluid a.link-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;
    left: -53px;

    display: block;

    width: 33px;
    height: 14px;
    margin-top: -7px;
    padding: 0;
}

section.profile-card .container-fluid a.link-next
{
    right: -53px;
    left: auto;
}

section.profile-card .container-fluid a.link-grid
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 4px;
    left: -47px;

    display: block;

    width: 24px;
    height: 24px;
    padding: 0;

    text-decoration: none;

    border: none;
}

section.profile-card .container-fluid .details
{
    -webkit-transform: translateY(20px);
            transform: translateY(20px);

    opacity: 0;
}

section.profile-card .container-fluid .details a
{
    white-space: nowrap;
}

section.profile-card .svg.arrow
{
    width: 33px;
    height: 14px;
}

section.profile-card .svg.grid
{
    width: 24px;
    height: 24px;
}

section.offices-cards
{
    position: relative;

    overflow: hidden;

    width: 100%;
    padding: 0 0 100px 0;

    background-color: #f9f8f6;
}

section.offices-cards .office-card
{
    position: relative;

    overflow: hidden;

    padding: 70px 0 20px 0;

    border-radius: 3px;
    background-color: #fff;
    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .09);
            box-shadow: 0 10px 20px rgba(0, 0, 0, .09);
}

section.offices-cards .office-card:after
{
    position: absolute;
    bottom: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 8px;

    content: '';

    border-radius: 0 0 3px 3px;
    background: -webkit-gradient(linear, left top, right top, from(#323e65), color-stop(25%, #323e65), color-stop(25%, #277786), color-stop(50%, #277786), color-stop(50%, #0e93a0), color-stop(75%, #0e93a0), color-stop(75%, #51c8ce), to(#51c8ce));
    background: linear-gradient(90deg, #323e65 0%, #323e65 25%, #277786 25%, #277786 50%, #0e93a0 50%, #0e93a0 75%, #51c8ce 75%, #51c8ce 100%);
}

section.offices-cards .office-card h3
{
    margin-bottom: 50px;

    text-align: center;
}

section.offices-cards .office-card .svg.illustration
{
    width: 100%;
    height: auto;

    -webkit-transition: opacity .4s cubic-bezier(.555, .205, .295, .975);
            transition: opacity .4s cubic-bezier(.555, .205, .295, .975);
}

section.offices-cards .office-card .highlights
{
    margin-top: 55px;
    margin-bottom: 15px;

    text-align: center;
    letter-spacing: 3px;
    text-transform: uppercase;

    color: #0e93a0;
}

section.offices-cards .office-card .mid p
{
    padding: 0 110px;

    text-align: center;
    letter-spacing: 0;
}

section.offices-cards .office-card .map-link
{
    display: none;

    text-decoration: none;

    color: #239db2;
    border-bottom: 1px dotted #239db2;
}

section.offices-cards .office-card .map-wrapper
{
    position: absolute;
    top: 0;
    left: 0;

    overflow: hidden;

    width: 100%;
    height: 320px;

    -webkit-transition: all .3s cubic-bezier(.555, .205, .295, .975);
            transition: all .3s cubic-bezier(.555, .205, .295, .975);

    opacity: 0;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: top left;
    background-size: contain;
}

section.offices-cards .office-card .map-wrapper a
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;
}

section.offices-cards .office-card:hover .map-wrapper
{
    opacity: 1;
}

section.offices-cards .office-card:hover .svg.illustration
{
    opacity: 0 !important;
}

section.open-positions
{
    padding: 90px 0 80px;

    background-color: #323e65;
}

section.open-positions .highlight
{
    font-family: 'brandon-grotesque', sans-serif;
    font-size: 15px;
    font-weight: 700;
    line-height: 22px;

    display: block;

    margin: 0 0 70px 0;

    text-align: center;
    letter-spacing: 5px;

    color: #fff;
}

section.open-positions .positions-list
{
    margin: 0;
    padding: 0;

    list-style: none;
}

section.open-positions .positions-list > li
{
    position: relative;

    overflow: hidden;

    margin: 0;
    margin-bottom: 10px;
    padding: 30px 80px 30px 50px;

    list-style: none;

    border-radius: 2px;
    background-color: #fff;
    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .09);
            box-shadow: 0 10px 20px rgba(0, 0, 0, .09);
}

section.open-positions .positions-list > li:before
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 8px;
    height: 100%;

    content: '';
    -webkit-transition: all .3s cubic-bezier(.555, .205, .295, .975);
            transition: all .3s cubic-bezier(.555, .205, .295, .975);

    background-color: #323e65;
}

section.open-positions .positions-list > li.active:before
{
    background-color: #2aa3b8;
}

section.open-positions .positions-list > li > h4
{
    margin-bottom: 10px;

    color: #323e65;
}

section.open-positions .positions-list > li > p
{
    font-family: 'brandon-grotesque', sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;

    margin-bottom: 40px;

    color: #747aa1;
}

section.open-positions .positions-list > li .expand-trigger
{
    font-family: 'brandon-grotesque', sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;

    position: absolute;
    bottom: 30px;

    cursor: pointer;

    color: #2aa3b8;
    border-bottom: 1px dashed #2aa3b8;
}

section.open-positions .positions-list > li .svg.cross
{
    position: absolute;
    top: 30px;
    right: 40px;

    width: 22px;
    height: 22px;

    cursor: pointer;
}

section.open-positions .positions-list > li .expanded h1,
section.open-positions .positions-list > li .expanded h2,
section.open-positions .positions-list > li .expanded h3
{
    font-family: 'adobe-caslon-pro', serif;
    font-size: 22px;
    font-weight: 400;
    font-style: normal;
    line-height: 30px;

    margin: 0 0 10px 0;
    padding: 0;

    color: #323e65;
}

section.open-positions .positions-list > li .expanded h4,
section.open-positions .positions-list > li .expanded h5,
section.open-positions .positions-list > li .expanded h6
{
    font-family: 'brandon-grotesque', sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 20px;

    margin: 0 0 10px 0;

    letter-spacing: 1px;
    text-transform: uppercase;

    color: #747aa1;
}

section.open-positions .positions-list > li .expanded p
{
    font-family: 'brandon-grotesque', sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;

    margin-bottom: 10px;

    color: #747aa1;
}

section.open-positions .positions-list > li .expanded ul
{
    margin: 0 0 20px 0;
    padding: 0;

    list-style: none;
}

section.open-positions .positions-list > li .expanded li
{
    font-family: 'brandon-grotesque', sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;

    margin: 0 0 10px 20px;
    padding: 0 2px;

    list-style: none;
    list-style-position: outside;
    list-style-image: url('../../assets/images/ui-bullet-small.svg');

    color: #747aa1;
}

section.open-positions .positions-list > li .expanded a
{
    text-decoration: none;

    color: #2aa3b8;
    border-bottom: 1px dashed #2aa3b8;
}

.up
{
    font-family: 'brandon-grotesque', sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 46px;

    position: absolute;
    right: 0;
    bottom: 100px;

    height: 46px;
    padding: 0 20px;

    cursor: pointer;
    letter-spacing: 3px;

    color: #fff;
    background-color: #323e65;
}

.up .svg.carat
{
    display: inline-block;

    margin-left: 5px;

    -webkit-transform: translateY(-2px);
            transform: translateY(-2px);
}

section.subscribe
{
    padding: 120px 0 135px 0;

    background-color: #323e65;
    background-image: url('../images/homepage-subscribe-background.jpg');
    background-position: center center;
    background-size: cover;
}

section.subscribe h2
{
    margin-bottom: 5px;

    text-align: center;

    color: #fff;
}

section.subscribe .big p
{
    margin-bottom: 45px;

    color: #fff;
}

section.subscribe .input-wrapper
{
    font-size: 0;
    line-height: 0;

    position: relative;

    display: block;

    width: 520px;
    height: auto;
    margin: 0 auto 30px;

    letter-spacing: 0;
}

section.subscribe .input-wrapper .svg.email
{
    position: absolute;
    top: 16px;
    left: 22px;

    width: 24px;
    height: 18px;
}

section.subscribe .input-wrapper input
{
    font-family: 'brandon-grotesque', sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 20px;

    overflow: hidden;

    width: 520px;
    height: 50px;
    padding-left: 20px;

    color: #747aa1;
    border: none;
    border-radius: 3px;
    outline: none;
    background-color: transparent;
    background-color: #fff;
    -webkit-box-shadow: none;
    -webkit-box-shadow: 0 20px 30px rgba(0, 0, 0, .3);
            box-shadow: none;
            box-shadow: 0 20px 30px rgba(0, 0, 0, .3);

    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}

section.subscribe .input-wrapper input.has-icon
{
    padding-left: 60px;
}

section.subscribe .input-wrapper input.half
{
    display: inline-block;
}

section.subscribe .input-wrapper input.half:first-child
{
    width: 255px;
    margin-right: 10px;
}

section.subscribe .input-wrapper input.half:last-child
{
    width: 255px;
}

section.subscribe .input-wrapper input.input-error
{
    -webkit-box-shadow: 0 0 0 1px #ed5a67 inset;
            box-shadow: 0 0 0 1px #ed5a67 inset;
}

section.subscribe .input-wrapper input::-webkit-input-placeholder
{
    color: #747aa1;
}

section.subscribe .input-wrapper input::-moz-placeholder
{
    color: #747aa1;
}

section.subscribe .input-wrapper input:-ms-input-placeholder
{
    color: #747aa1;
}

section.subscribe .input-wrapper input:-moz-placeholder
{
    color: #747aa1;
}

section.subscribe .input-wrapper button
{
    font-family: 'brandon-grotesque', sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 15px;

    overflow: hidden;

    height: 50px;
    margin-top: 10px;
    padding: 0 25px;

    -webkit-transition: all .3s cubic-bezier(.555, .205, .295, .975);
            transition: all .3s cubic-bezier(.555, .205, .295, .975);
    text-align: center;
    letter-spacing: 3px;

    color: #fff;
    border: none;
    border-radius: 3px;
    outline: none;
    background-color: #2aa3b8;
    -webkit-box-shadow: none;
            box-shadow: none;

    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}

section.subscribe .input-wrapper button:hover
{
    -webkit-animation-name: hvr-back-pulse;
            animation-name: hvr-back-pulse;
    -webkit-animation-duration: 1s;
            animation-duration: 1s;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
    -webkit-animation-delay: .4s;
            animation-delay: .4s;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;

    background-color: #747aa1;
}

section.subscribe .input-wrapper button.disabled
{
    cursor: not-allowed;

    opacity: .5;
    background-color: #2aa3b8;
}

section.subscribe .input-wrapper button.disabled:hover
{
    -webkit-animation: none;
            animation: none;

    background-color: #2aa3b8;
}

@-webkit-keyframes hvr-back-pulse
{
    50%
    {
        background-color: rgba(116, 122, 161, .7);
    }
}

@keyframes hvr-back-pulse
{
    50%
    {
        background-color: rgba(116, 122, 161, .7);
    }
}

section.subscribe .input-wrapper .error-message
{
    font-family: 'brandon-grotesque', sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 20px;

    display: none;

    margin-top: 10px;
    margin-bottom: 10px;

    color: #ed5a67;
}

section.subscribe .input-wrapper .success-message
{
    font-family: 'brandon-grotesque', sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 20px;

    display: none;

    margin-top: 10px;
    margin-bottom: 10px;

    color: limegreen;
}

section.clients-login
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    overflow: hidden;
            flex-direction: column;

    width: 100%;
    height: 400px;
    min-height: 100%;
    max-height: 100%;

    background: linear-gradient(60deg, #1e95aa, #13c4c4);

    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
}

section.clients-login > .container
{
    z-index: 1;
}

section.clients-login .svg.background-line
{
    position: absolute;
    left: 0;

    width: 100%;
    height: auto;
}

section.clients-login .svg.background-line:nth-child(1)
{
    top: 50px;
}

section.clients-login .svg.background-line:nth-child(2)
{
    bottom: 30px;
}

section.clients-login .svg.background-line:nth-child(3)
{
    bottom: 80px;
}

section.clients-login .svg.background-line:nth-child(4)
{
    top: 10px;
}

section.clients-login .card
{
    overflow: hidden;

    padding: 0;
    padding-bottom: 40px;

    border-radius: 3px;
    background-color: #fff;
    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .09);
            box-shadow: 0 10px 20px rgba(0, 0, 0, .09);
}

section.clients-login .card .heading
{
    font-family: 'adobe-caslon-pro', serif;
    font-size: 22px;
    font-weight: 400;
    line-height: 30px;

    width: 100%;
    padding: 20px 60px;

    color: #fff;
    background-color: #323e65;
}

section.clients-login .card .body
{
    padding: 30px 30px 0;
}

section.clients-login input
{
    font-family: 'brandon-grotesque', sans-serif;
    font-size: 18px;
    font-weight: 400;

    width: 100%;
    height: 50px;
    margin-bottom: 20px;
    padding: 0 20px;

    color: #747aa1;
    border: none;
    border-radius: 3px;
    outline: none;
    background: none;
    background-color: #f9f8f6;
    -webkit-box-shadow: none;
            box-shadow: none;

    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}

section.clients-login input::-webkit-input-placeholder
{
    color: #747aa1;
}

section.clients-login input::-moz-placeholder
{
    color: #747aa1;
}

section.clients-login input:-ms-input-placeholder
{
    color: #747aa1;
}

section.clients-login input:-moz-placeholder
{
    color: #747aa1;
}

section.clients-login input.input-error
{
    -webkit-box-shadow: 0 0 0 1px #ed5a67 inset;
            box-shadow: 0 0 0 1px #ed5a67 inset;
}

section.clients-login button
{
    font-family: 'brandon-grotesque', sans-serif;
    font-size: 15px;
    font-weight: 700;
    line-height: 15px;

    display: inline-block;

    width: 120px;
    height: 50px;
    margin-top: 10px;

    -webkit-transition: all .3s cubic-bezier(.555, .205, .295, .975);
            transition: all .3s cubic-bezier(.555, .205, .295, .975);
    text-align: center;
    letter-spacing: 3px;

    color: #fff;
    border: none;
    border-radius: 3px;
    outline: none;
    background-color: #2aa3b8;
    -webkit-box-shadow: none;
            box-shadow: none;

    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
            appearance: none;
}

section.clients-login button:hover
{
    background-color: #747aa1;
}

section.clients-login .error-message
{
    font-family: 'brandon-grotesque', sans-serif;
    font-size: 18px;
    font-weight: 400;

    margin-bottom: 10px;
    padding-left: 20px;

    color: #ed5a67;
}

section.clients-dashboard
{
    padding: 80px 0 100px 0;

    background-color: #f9f8f6;
}

section.clients-dashboard h2
{
    font-family: 'adobe-caslon-pro', serif;
    font-size: 30px;
    font-weight: 400;
    line-height: 36px;

    margin: 0 0 40px 0;
    padding: 0;

    color: #323e65;
}

section.clients-dashboard .list-filters
{
    margin-bottom: 20px;
}

section.clients-dashboard .list-filters .svg.search-icon,
section.clients-dashboard .list-filters .svg.calendar
{
    display: inline-block;
    float: left;

    width: 24px;
    height: 24px;
    margin-right: 12px;
}

section.clients-dashboard .list-filters .search,
section.clients-dashboard .list-filters .calendar-date
{
    font-family: 'brandon-grotesque', sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;

    float: left;
    float: left;

    width: 350px;
    height: 26px;

    opacity: 1;
    color: #747aa1;
    border: none;
    outline: none;
    background: none;
    -webkit-box-shadow: none;
            box-shadow: none;

    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}

section.clients-dashboard .list-filters .search::-webkit-input-placeholder,
section.clients-dashboard .list-filters .calendar-date::-webkit-input-placeholder
{
    opacity: 1;
    color: #747aa1;
}

section.clients-dashboard .list-filters .search::-moz-placeholder,
section.clients-dashboard .list-filters .calendar-date::-moz-placeholder
{
    opacity: 1;
    color: #747aa1;
}

section.clients-dashboard .list-filters .search:-ms-input-placeholder,
section.clients-dashboard .list-filters .calendar-date:-ms-input-placeholder
{
    opacity: 1;
    color: #747aa1;
}

section.clients-dashboard .list-filters .search:-moz-placeholder,
section.clients-dashboard .list-filters .calendar-date:-moz-placeholder
{
    opacity: 1;
    color: #747aa1;
}

section.clients-dashboard .list-filters .calendar-date
{
    width: 160px;
}

section.clients-dashboard .list-filters .svg.cancel
{
    display: inline-block;
    float: left;

    width: 14px;
    height: 14px;
    margin-top: 5px;
}

section.clients-dashboard .list-filters .calendar-wrapper
{
    display: block;
    float: right;

    height: 24px;
    padding-right: 15px;
}

section.clients-dashboard .sidebar-alt
{
    display: none;

    margin-bottom: 30px;
    padding: 0;

    text-align: left;
}

section.clients-dashboard .sidebar-alt .svg.caret-down
{
    margin-top: -20px;
    margin-left: -10px;
}

section.clients-dashboard .sidebar-alt .dropdown-menu
{
    margin-bottom: 30px;

    background-color: #2aa3b8;
}

section.clients-dashboard .sidebar
{
    overflow: hidden;

    width: 100%;
    padding-bottom: 20px;

    border-radius: 3px;
    background-color: #2aa3b8;
}

section.clients-dashboard .sidebar h3
{
    font-family: 'brandon-grotesque', sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 14px;

    width: 100%;
    padding: 25px 20px;

    text-align: center;
    text-transform: uppercase;

    color: #fff;
}

section.clients-dashboard .sidebar ul
{
    margin: 0;
    padding: 0;

    list-style: none;
}

section.clients-dashboard .sidebar ul li
{
    margin: 0;
    padding: 0;

    list-style: none;
}

section.clients-dashboard .sidebar ul li a
{
    font-family: 'brandon-grotesque', sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 14px;

    position: relative;

    display: block;

    width: 100%;
    padding: 15px 20px;

    -webkit-transition: all .3s cubic-bezier(.555, .205, .295, .975);
            transition: all .3s cubic-bezier(.555, .205, .295, .975);
    text-decoration: none;
    text-transform: uppercase;

    color: #fff;
}

section.clients-dashboard .sidebar ul li a .svg.arrow
{
    position: absolute;
    top: 50%;
    right: 22px;

    width: 19px;
    height: 14px;
    margin-top: -7px;

    -webkit-transition: all .3s cubic-bezier(.555, .205, .295, .975);
            transition: all .3s cubic-bezier(.555, .205, .295, .975);
    -webkit-transform: translateY(5px);
            transform: translateY(5px);

    opacity: 0;
}

section.clients-dashboard .sidebar ul li a:hover
{
    background-color: #323e65;
}

section.clients-dashboard .sidebar ul li a:hover .svg.arrow
{
    -webkit-transform: translateY(0);
            transform: translateY(0);

    opacity: 1;
}

section.clients-dashboard .sidebar ul li.active a
{
    background-color: #323e65;
}

section.clients-dashboard .sidebar ul li.active a .svg.arrow
{
    -webkit-transform: translateY(0);
            transform: translateY(0);

    opacity: 1;
}

section.clients-dashboard .table thead
{
    overflow: hidden;

    border-radius: 3px;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .15);
            box-shadow: 0 0 5px rgba(0, 0, 0, .15);
}

section.clients-dashboard .table thead th
{
    font-family: 'brandon-grotesque', sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 15px;

    overflow: hidden;

    padding: 25px 30px;

    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    text-transform: uppercase;

    color: #747aa1;
    outline: none;
    background-color: #fff;
}

section.clients-dashboard .table thead th:first-child
{
    border-radius: 3px 0 0 3px;
}

section.clients-dashboard .table thead th:last-child
{
    border-radius: 0 3px 3px 0;
}

section.clients-dashboard .table thead th:hover
{
    text-decoration: underline;

    color: #2aa3b8;
}

section.clients-dashboard .table thead th.tablesorter-header .tablesorter-header-inner:after
{
    display: inline-block;

    width: 10px;
    height: 14px;
    margin-left: 5px;

    content: '.';
    -webkit-transform: translateY(3px);
            transform: translateY(3px);

    opacity: 0;
}

section.clients-dashboard .table thead th.tablesorter-headerUnSorted .tablesorter-header-inner:after
{
    content: url('../images/ui-sort-unset.svg');

    opacity: .3;
}

section.clients-dashboard .table thead th.tablesorter-headerDesc .tablesorter-header-inner:after
{
    content: url('../images/ui-sort-desc.svg');

    opacity: 1;
}

section.clients-dashboard .table thead th.tablesorter-headerAsc .tablesorter-header-inner:after
{
    content: url('../images/ui-sort-asc.svg');

    opacity: 1;
}

section.clients-dashboard .table thead th.sorter-false .tablesorter-header-inner:after
{
    display: none !important;
}

section.clients-dashboard .table thead th.start
{
    width: 150px;
}

section.clients-dashboard .table thead th.end
{
    width: 170px;
}

section.clients-dashboard .table thead th.more
{
    width: 64px;
}

section.clients-dashboard .table tbody tr
{
    border-bottom: 1px dashed #2aa3b8;
}

section.clients-dashboard .table tbody tr.active
{
    border-color: transparent;
}

section.clients-dashboard .table tbody tr td
{
    font-family: 'brandon-grotesque', sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 20px;

    padding: 25px 30px;

    text-align: center;
    vertical-align: middle;

    color: #747aa1;
    border: none;
    background-color: transparent !important;
}

section.clients-dashboard .table tbody tr td.start,
section.clients-dashboard .table tbody tr td.end,
section.clients-dashboard .table tbody tr td.more
{
    padding: 25px 0;
}

section.clients-dashboard .table tbody tr td.download
{
    white-space: nowrap;
}

section.clients-dashboard .table tbody tr td.no-results
{
    font-family: 'brandon-grotesque', sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 14px;

    padding: 40px 0;

    text-align: center;
    text-transform: uppercase;

    color: #747aa1;
}

section.clients-dashboard .table tbody .row-toggle
{
    position: relative;

    display: inline-block;

    width: 24px;
    height: 24px;

    cursor: pointer;
    -webkit-transition: all .3s cubic-bezier(.555, .205, .295, .975);
            transition: all .3s cubic-bezier(.555, .205, .295, .975);

    color: #fff;
    border-radius: 50%;
    background-color: #747aa1;
}

section.clients-dashboard .table tbody .row-toggle:before
{
    position: absolute;
    top: 11px;
    left: 8px;

    display: block;

    width: 8px;
    height: 2px;

    content: '';

    background-color: #fff;
}

section.clients-dashboard .table tbody .row-toggle:after
{
    position: absolute;
    top: 8px;
    left: 11px;

    display: block;

    width: 2px;
    height: 8px;

    content: '';

    background-color: #fff;
}

section.clients-dashboard .table tbody .row-toggle:hover
{
    background-color: #2aa3b8;
}

section.clients-dashboard .table tbody .row-toggle.active
{
    background-color: #2aa3b8;
}

section.clients-dashboard .table tbody .row-toggle.active:after
{
    display: none;
}

section.clients-dashboard .table tbody .svg.download
{
    width: 18px;
    height: 22px;
    margin-right: 10px;

    -webkit-transform: translateY(-3px);
            transform: translateY(-3px);
}

section.clients-dashboard .table tbody a
{
    text-decoration: none;

    color: #747aa1;
}

section.clients-dashboard .table tbody .client-details td
{
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: left;
}

section.clients-dashboard .table tbody .client-details td .client-details__container {
	max-height: 3em;
	overflow: hidden;
}

section.clients-dashboard .table tbody .client-details td p
{
    font-family: 'brandon-grotesque', sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5em;
    margin: 0;
    margin-bottom: 20px;
    padding: 0;

    color: #323e65;
}

section.clients-dashboard .table tbody .client-details td h4
{
    font-family: 'brandon-grotesque', sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 20px;

    margin: 0;
    padding: 0;

    text-transform: uppercase;

    color: #2aa3b8;
}

section.clients-dashboard .documents-no-results
{
    font-family: 'brandon-grotesque', sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 14px;

    padding: 40px 0;

    text-align: center;
    text-transform: uppercase;

    color: #747aa1;
}

.internal-hero-clients-area
{
    overflow: hidden;

    width: 100%;
    height: 175px;

    background: linear-gradient(60deg, #1e95aa, #13c4c4);
}

.header-clients-area
{
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;

    width: 100%;
    height: 130px;

    -webkit-transition: all .6s cubic-bezier(.555, .205, .295, .975);
            transition: all .6s cubic-bezier(.555, .205, .295, .975);

    background-color: #fff;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .15);
            box-shadow: 0 0 5px rgba(0, 0, 0, .15);
}

.header-clients-area.headroom--pinned
{
    -webkit-transform: translateY(0);
            transform: translateY(0);
}

.header-clients-area.headroom--unpinned
{
    -webkit-transform: translateY(-150px);
            transform: translateY(-150px);
}

.header-clients-area.headroom--top
{
    -webkit-transform: translateY(23px);
            transform: translateY(23px);
}

.header-clients-area .container,
.header-clients-area .row,
.header-clients-area .col-md-12
{
    height: 100%;
}

.header-clients-area .svg.logo
{
    display: inline-block;

    width: 150px;
    height: 90px;
    margin-top: 20px;

    text-align: center;
}

.header-clients-area .back
{
    font-family: 'brandon-grotesque', sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 14px;

    position: absolute;
    top: 50%;
    left: 15px;

    height: 14px;
    margin-top: -7px;
    padding-left: 30px;

    text-decoration: none;

    color: #747aa1;
}

.header-clients-area .back .svg.arrow
{
    position: absolute;
    top: -1px;
    left: 0;

    width: 19px;
    height: 14px;
    margin-right: 10px;
}

.header-clients-area .svg.cross
{
    position: absolute;
    top: 50%;
    right: 15px;

    display: block;

    width: 14px;
    height: 14px;
    margin-top: -10px;

    opacity: 1;
}

.header-clients-area .right-items
{
    position: absolute;
    top: 50%;
    right: 40px;

    display: block;
    overflow: visible;

    height: 40px;
    margin-top: -24px;
}

.header-clients-area .username
{
    font-family: 'brandon-grotesque', sans-serif;
    font-size: 22px;
    font-weight: 400;
    line-height: 24px;

    display: block;

    text-align: center;

    color: #323e65;
}

.header-clients-area .useremail
{
    font-family: 'brandon-grotesque', sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 20px;

    display: block;

    text-align: center;

    color: #747aa1;
}

.header-clients-area .help
{
    font-family: 'brandon-grotesque', sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 10px;

    position: absolute;
    right: 100%;
    bottom: -1px;

    overflow: visible;

    padding-right: 10px;

    text-align: right;
    white-space: nowrap;
    text-decoration: none;
    text-transform: uppercase;

    color: #747aa1;
}

.footer-clients-area
{
    position: relative;

    width: 100%;
    padding: 55px 0;

    text-align: center;

    background-color: #fff;
}

.footer-clients-area .svg.logo
{
    display: inline-block;

    width: 78px;
    height: 13px;
    margin-bottom: 15px;
}

.footer-clients-area p
{
    font-family: 'brandon-grotesque', sans-serif;
    font-size: 22px;
    font-weight: 400;
    line-height: 30px;

    margin: 0;
    padding: 0;

    color: #747aa1;
}

.footer-clients-area p a
{
    text-decoration: none;

    color: #747aa1;
}

.footer-clients-area p a:hover
{
    text-decoration: underline;
}

.footer-clients-area .up
{
    bottom: 0;
}

.datepicker-container
{
    font-family: 'brandon-grotesque', sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 28px;

    position: fixed;
    z-index: -1;
    top: 0;
    left: 0;

    overflow: hidden;

    width: 280px;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    color: #747aa1;
    border: none;
    border-radius: 3px;
    background-color: #fff;

    direction: ltr;
    -ms-touch-action: none;
        touch-action: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
}

.datepicker-container:before,
.datepicker-container:after
{
    position: absolute;

    display: block;

    width: 0;
    height: 0;

    content: ' ';

    border: 5px solid transparent;
}

.datepicker-dropdown
{
    position: absolute;
    z-index: 1;

    -webkit-box-sizing: content-box;
            box-sizing: content-box;

    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .1);
            box-shadow: 0 0 20px rgba(0, 0, 0, .1);
}

.datepicker-inline
{
    position: static;
}

.datepicker-panel > ul
{
    width: 100%;
    margin: 0;
    padding: 0;
}

.datepicker-panel > ul[data-view='days']
{
    padding: 0 20px 20px;
}

.datepicker-panel > ul[data-view='week']
{
    padding: 20px 20px 0;

    text-transform: uppercase;

    color: #2aa3b8;
}

.datepicker-panel > ul[data-view='years'],
.datepicker-panel > ul[data-view='months']
{
    padding: 20px;

    text-transform: uppercase;
}

.datepicker-panel > ul:before,
.datepicker-panel > ul:after
{
    display: table;

    content: ' ';
}

.datepicker-panel > ul:after
{
    clear: both;
}

.datepicker-panel > ul > li
{
    float: left;
    overflow: hidden;

    width: 34px;
    height: 28px;
    margin: 0;
    padding: 0;

    list-style: none;

    cursor: pointer;
    text-align: center;

    border-radius: 2px;
    background-color: #fff;
}

.datepicker-panel > ul > li:hover
{
    background-color: #eee;
}

.datepicker-panel > ul > li.muted,
.datepicker-panel > ul > li.muted:hover
{
    color: #cfd1df;
}

.datepicker-panel > ul > li.highlighted
{
    color: #fff;
    background-color: #747aa1;
}

.datepicker-panel > ul > li.highlighted:hover
{
    color: #fff;
    background-color: #747aa1;
}

.datepicker-panel > ul > li.picked,
.datepicker-panel > ul > li.picked:hover
{
    color: #fff;
    background-color: #2aa3b8;
}

.datepicker-panel > ul > li.disabled,
.datepicker-panel > ul > li.disabled:hover
{
    cursor: default;

    color: #ccc;
    background-color: #fff;
}

.datepicker-panel > ul > li.disabled.highlighted,
.datepicker-panel > ul > li.disabled:hover.highlighted
{
    background-color: #ffb3b3;
}

.datepicker-panel > ul > li[data-view='month prev'],
.datepicker-panel > ul > li[data-view='month current'],
.datepicker-panel > ul > li[data-view='month next'],
.datepicker-panel > ul > li[data-view='year prev'],
.datepicker-panel > ul > li[data-view='year current'],
.datepicker-panel > ul > li[data-view='year next'],
.datepicker-panel > ul > li[data-view='years prev'],
.datepicker-panel > ul > li[data-view='years current'],
.datepicker-panel > ul > li[data-view='years next']
{
    font-weight: 700;

    height: 50px;

    text-transform: uppercase;

    color: #fff;
    border-radius: 0;
    background-color: #323e65;
}

.datepicker-panel > ul > li[data-view='month prev']:hover,
.datepicker-panel > ul > li[data-view='month current']:hover,
.datepicker-panel > ul > li[data-view='month next']:hover,
.datepicker-panel > ul > li[data-view='year prev']:hover,
.datepicker-panel > ul > li[data-view='year current']:hover,
.datepicker-panel > ul > li[data-view='year next']:hover,
.datepicker-panel > ul > li[data-view='years prev']:hover,
.datepicker-panel > ul > li[data-view='years current']:hover,
.datepicker-panel > ul > li[data-view='years next']:hover
{
    color: #fff;
    background-color: #323e65;
}

.datepicker-panel > ul > li[data-view='year prev'],
.datepicker-panel > ul > li[data-view='month prev'],
.datepicker-panel > ul > li[data-view='years prev']
{
    font-size: 0;
}

.datepicker-panel > ul > li[data-view='year prev']:before,
.datepicker-panel > ul > li[data-view='month prev']:before,
.datepicker-panel > ul > li[data-view='years prev']:before
{
    float: left;

    width: 11px;
    height: 17px;
    margin-top: 16px;
    margin-left: 15px;

    content: url('../images/ui-calendar-prev.svg');
}

.datepicker-panel > ul > li[data-view='year next'],
.datepicker-panel > ul > li[data-view='month next'],
.datepicker-panel > ul > li[data-view='years next']
{
    font-size: 0;
}

.datepicker-panel > ul > li[data-view='year next']:before,
.datepicker-panel > ul > li[data-view='month next']:before,
.datepicker-panel > ul > li[data-view='years next']:before
{
    float: right;

    width: 11px;
    height: 17px;
    margin-top: 16px;
    margin-right: 15px;

    content: url('../images/ui-calendar-next.svg');
}

.datepicker-panel > ul > li[data-view='next']
{
    font-size: 24px;
}

.datepicker-panel > ul > li[data-view='years current'],
.datepicker-panel > ul > li[data-view='year current'],
.datepicker-panel > ul > li[data-view='month current']
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    width: 212px;

    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
            justify-content: center;
}

.datepicker-panel > ul[data-view='years'] > li,
.datepicker-panel > ul[data-view='months'] > li
{
    line-height: 54px;

    width: 60px;
    height: 54px;
}

.datepicker-panel > ul[data-view='months'] > li
{
    width: 80px;
}

.datepicker-panel > ul[data-view='week'] > li,
.datepicker-panel > ul[data-view='week'] > li:hover
{
    cursor: default;

    background-color: #fff;
}

#clients-help-modal
{
    background-color: rgba(249, 248, 246, .9);
}

#clients-help-modal .modal-dialog
{
    width: 460px;
    margin: 30px auto !important;
}

#clients-help-modal .modal-content
{
    padding: 0;

    text-align: center;

    border: 0;
    border-radius: 3px;
    background-color: #fff;
    -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .09);
            box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .09);
}

#clients-help-modal .modal-content .close
{
    margin-top: 6px;
    margin-right: -30px;

    opacity: .6;
}

#clients-help-modal .modal-content h4
{
    padding: 50px 30px 60px;

    text-align: center;

    color: #323e65;
}

#clients-help-modal .modal-content p
{
    font-family: 'brandon-grotesque', sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 20px;

    margin: 0;
    padding: 0 50px 30px;

    text-align: center;

    color: #747aa1;
}

#clients-help-modal .modal-content img
{
    margin-bottom: 10px;
}

#clients-help-modal .modal-content .row-toggle
{
    position: relative;

    display: inline-block;

    width: 24px;
    height: 24px;

    opacity: .4;
    color: #fff;
    border-radius: 50%;
    background-color: #747aa1;
}

#clients-help-modal .modal-content .row-toggle:before
{
    position: absolute;
    top: 11px;
    left: 8px;

    display: block;

    width: 8px;
    height: 2px;

    content: '';

    background-color: #fff;
}

#clients-help-modal .modal-content .row-toggle:after
{
    position: absolute;
    top: 8px;
    left: 11px;

    display: block;

    width: 2px;
    height: 8px;

    content: '';

    background-color: #fff;
}

#clients-help-modal .modal-content .modal-footer-alt
{
    padding-top: 30px;

    border-radius: 0 0 3px 3px;
    background-color: #277786;
}

#clients-help-modal .modal-content .modal-footer-alt p
{
    color: #fff;
}

#clients-help-modal .modal-content .modal-footer-alt p a
{
    font-weight: 500;

    text-decoration: none;

    color: #fff;
    border-bottom: 1px dotted #fff;
}

.datepicker-hide
{
    display: none;
}

.no-overflow
{
    overflow-y: hidden;
}

@media (min-width: 1311px)
{
    .container
    {
        width: 1280px;
    }
}

@media (max-width: 1359px)
{
    section.offices-cards .office-card .mid p
    {
        padding: 0 60px;
    }
}

@media (max-width: 1310px)
{
    header nav ul li:after
    {
        width: 50px;
    }

    .modal-menu .top-container
    {
        margin-left: -485px;
    }

    .modal-menu .top-container .contact-button
    {
        right: 170px;
    }

    section.team-list #team-rows .phone
    {
        left: 560px;
    }

    section.team-list #team-rows .email
    {
        left: 710px;
    }

    section.team-list #team-rows .download
    {
        left: 960px;
    }
}

@media (max-width: 1199px)
{
    .modal-menu .top-container .contact-button
    {
        right: 70px;
    }

    section.main-content .awards-card h4
    {
        font-size: 18px;
        line-height: 20px;
    }

    section.main-content .contacts-list-card .contact
    {
        margin-bottom: 25px;
    }

    section.main-content .contacts-list-card .contact .avatar
    {
        position: relative;

        margin-bottom: 10px;
    }

    section.main-content .contacts-list-card .contact .name
    {
        padding: 0 20px;
    }

    section.main-content .contacts-list-card .contact .email
    {
        padding: 0 20px;
    }

    section.main-content
    {
        padding-top: 80px;
        padding-bottom: 60px;
    }

    section.history .container-history .history-slider
    {
        width: 50%;
    }

    section.history #slider-control-prev
    {
        width: 200px;
        padding-left: 20px;

        background: -webkit-gradient(linear, right top, left top, from(rgba(50, 62, 101, 0)), color-stop(80%, rgba(50, 62, 101, .95)), to(#323e65));
        background: linear-gradient(-90deg, rgba(50, 62, 101, 0), rgba(50, 62, 101, .95) 80%, #323e65 100%);
    }

    section.history #slider-control-next
    {
        width: 200px;
        padding-right: 20px;

        background: -webkit-gradient(linear, left top, right top, from(rgba(50, 62, 101, 0)), color-stop(80%, rgba(50, 62, 101, .95)), to(#323e65));
        background: linear-gradient(90deg, rgba(50, 62, 101, 0), rgba(50, 62, 101, .95) 80%, #323e65 100%);
    }

    section.history .title
    {
        display: none;
    }

    section.history .heading
    {
        display: block;
    }

    section.history
    {
        padding: 50px 0;
    }

    section.floating-box
    {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    section.related .card
    {
        height: 280px;
    }

    section.related .card h3
    {
        font-size: 20px;
        line-height: 24px;
    }

    section.team-list #team-rows .col-12
    {
        height: auto;
        margin-bottom: 30px;
    }

    section.team-list #team-rows h3,
    section.team-list #team-rows .highlight,
    section.team-list #team-rows .phone,
    section.team-list #team-rows .email,
    section.team-list #team-rows .download,
    section.team-list #team-rows .profile-pic
    {
        line-height: 24px;

        position: relative;
        top: auto;
        left: auto;

        display: block;
    }

    section.team-list #team-rows h3
    {
        margin-top: 10px;
    }

    section.team-list #view-filters .dropdown.filter
    {
        /*display: none;*/
        position: relative;
    }

    section.team-list #view-filters .dropdown.filter .dropdown-menu {
      position: absolute;
      left: 0;
    }

    section.team-list #view-filters .dropdown.filter .dropdown-menu.last {
      left: -50px;
    }

    section.clients-dashboard .table thead th
    {
        padding: 20px 5px;
    }

    section.clients-dashboard .table thead th.more
    {
        width: 24px;
    }

    section.clients-dashboard .table tbody tr td
    {
        padding: 20px 5px;
    }

    section.clients-dashboard .table tbody tr td.start,
    section.clients-dashboard .table tbody tr td.end,
    section.clients-dashboard .table tbody tr td.more
    {
        padding: 20px 5px;
    }

    section.clients-dashboard .table tbody tr td.download
    {
        font-size: 0;
    }
}

@media (max-width: 991px)
{
    h1
    {
        font-size: 65px;
        line-height: 70px;
    }

    header
    {
        height: 90px;
    }

    header .svg.logo
    {
        position: relative;
        top: auto;
        left: auto;

        display: inline-block;

        width: auto;
        height: 60px;
        margin-top: 15px;

        text-align: center;
    }

    header nav
    {
        display: none;
    }

    header .menu-trigger
    {
        top: 33px;
        right: 30px;
    }

    header .menu-trigger .text
    {
        display: none;
    }

    .footer .social-links .social-links-item
    {
        text-align: center;
    }

    .footer .social-links .social-links-item .svg.social
    {
        margin: 0;
    }

    .footer .social-links .social-links-item a .text
    {
        display: none;
    }

    .modal-menu .top-container
    {
        display: none;
    }

    .modal-menu
    {
        display: block;

        height: auto;
        padding-bottom: 80px;
    }

    .modal-menu .bottom-container
    {
        display: block;
    }

    .modal-menu .bottom-container .contact-button
    {
        position: relative;
        top: auto;
        right: auto;

        width: 100%;

        text-align: center;
    }

    .modal-menu .top-container
    {
        position: relative;
    }

    .modal-menu .top-container .contact-button
    {
        display: none;
    }

    .modal-menu .center-container
    {
        padding-top: 80px;
    }

    .modal-menu .col-md-2
    {
        margin-bottom: 40px;
    }

    .modal-menu h4
    {
        margin-bottom: 20px;
        padding-bottom: 10px;

        text-align: left;
    }

    .modal-menu ul
    {
        text-align: left;
    }

    .modal-menu.open
    {
        overflow-y: auto;

        height: 100%;
    }

    .menu-control .icon
    {
        top: 35px;
    }

    section.internal-hero .vertical-center
    {
        padding-top: 80px;
    }

    section.internal-hero .small-label
    {
        margin-top: 30px;
    }

    section.internal-hero.thin
    {
        height: 137px;
    }

    section.main-content .students-program .body
    {
        padding: 50px 100px;
    }

    .gruped-sections
    {
        padding-top: 40px;
        padding-bottom: 0;
    }

    section.history .container-history .history-slider .slick-slide
    {
        float: left;
    }

    section.history .container-history .history-slider
    {
        width: 70%;
    }

    section.history #slider-control-prev
    {
        width: 100px;
        padding-left: 10px;

        background: -webkit-gradient(linear, right top, left top, from(rgba(50, 62, 101, 0)), color-stop(90%, rgba(50, 62, 101, .95)), to(#323e65));
        background: linear-gradient(-90deg, rgba(50, 62, 101, 0), rgba(50, 62, 101, .95) 90%, #323e65 100%);
    }

    section.history #slider-control-next
    {
        width: 100px;
        padding-right: 10px;

        background: -webkit-gradient(linear, left top, right top, from(rgba(50, 62, 101, 0)), color-stop(90%, rgba(50, 62, 101, .95)), to(#323e65));
        background: linear-gradient(90deg, rgba(50, 62, 101, 0), rgba(50, 62, 101, .95) 90%, #323e65 100%);
    }

    section.floating-box .top-band
    {
        padding-top: 40px;
        padding-bottom: 30px;
    }

    section.floating-box .top-band .highlight
    {
        font-size: 14px;
    }

    section.floating-box .top-band h3
    {
        font-size: 20px;
        line-height: 24px;
    }

    section.floating-box .bottom-band
    {
        font-size: 14px;
    }

    section.boxes
    {
        margin-bottom: 0;
    }

    section.boxes .box
    {
        height: auto;
        margin-top: 0;
        margin-bottom: 0;
        padding-top: 70px;
        padding-bottom: 70px;
    }

    section.boxes .box:nth-child(1)
    {
        border-radius: 3px 3px 0 0;
    }

    section.boxes .box:nth-child(4)
    {
        border-radius: 0 0 3px 3px;
    }

    section.boxes .box .svg.icon
    {
        margin-top: 0;
    }

    /*section.boxes .box .highlights
    {
        display: none;
    }*/

    section.boxes .box h4
    {
        position: relative;
        top: 0;

        margin-bottom: 40px;

        opacity: 1;
    }

    section.boxes .box .svg.arrow
    {
        position: relative;
        right: auto;
        bottom: 0;
        left: auto;

        margin: 0;

        opacity: 1;
    }

    section.boxes .box .svg.clip
    {
        display: none;
    }

    section.boxes .box:hover
    {
        height: auto;
        margin-top: 0;
        margin-bottom: 0;
    }

    section.boxes .box:hover .svg.icon
    {
        margin-top: 0;
    }

    section.boxes .box:hover h4
    {
        top: 0;
    }

    section.boxes .box:hover .svg.arrow
    {
        right: auto;
        bottom: 0;
        left: auto;

        margin: 0;
    }

    section.boxes .box:hover .svg.clip
    {
        display: none;
    }

    section.slidedown .content
    {
        padding-bottom: 50px;
    }

    section.slidedown h3
    {
        font-size: 20px;
        line-height: 24px;

        margin-bottom: 30px;
    }

    section.slidedown p
    {
        font-size: 18px;
        line-height: 26px;
    }

    section.slidedown .list-wrapper:last-child
    {
        margin-top: 0;
    }

    section.related .card.press:hover .full-button
    {
        color: #fff;
        border: 2px solid #747aa1;
        background-color: #747aa1;
    }

    section.related .card.events:hover .full-button
    {
        color: #fff;
        border: 2px solid #323e65;
        background-color: #323e65;
    }

    section.related .card.alerts:hover .full-button
    {
        color: #fff;
        border: 2px solid #0e93a0;
        background-color: #0e93a0;
    }

    section.related .card.articles:hover .full-button
    {
        color: #fff;
        border: 2px solid #747aa1;
        background-color: #747aa1;
    }

    section.related .card.bulletins:hover .full-button
    {
        color: #fff;
        border: 2px solid #34b5b5;
        background-color: #34b5b5;
    }

    section.related .slick-slide
    {
        padding: 0 !important;
    }

    section.related .card
    {
        height: 250px;
        margin: 0 20px 30px;
        padding: 25px 25px 80px 25px;
    }

    section.related .card h3
    {
        font-size: 20px;
        line-height: 24px;
    }

    section.related .card .line-button,
    section.related .card .full-button
    {
        bottom: 20px;
        left: 25px;
    }

    section.related .card .avatar-wrapper
    {
        right: 25px;
        bottom: 20px;
    }

    section.related .card .date:before
    {
        left: -25px;

        width: 18px;
    }

    section.related .card:hover:after
    {
        height: 0;
    }

    section.related .card:hover .svg.arrow
    {
        opacity: 0;
    }

    section.related .card:hover .line-button
    {
        color: #747aa1;
        border: 2px solid rgba(220, 223, 231, .4);
    }

    section.related .card:hover .full-button
    {
        border: 2px solid #277786;
        background-color: #277786;
    }

    section.related .action-button
    {
        font-size: 14px;

        margin-top: 30px;
    }

    section.related .slick-slider
    {
        width: auto;
        margin: 0 25px;
    }

    section.related .slick-slider .col-md-4
    {
        float: left;

        padding-right: 15px;
        padding-left: 15px;
    }

    section.team-list #team-cards .card
    {
        height: 500px;
    }

    section.profile-card .container-fluid
    {
        margin-right: 0;
        margin-left: 0;
    }

    section.profile-card .container-fluid a.link-prev,
    section.profile-card .container-fluid a.link-next
    {
        display: none;
    }

    section.profile-card .container-fluid a.link-grid
    {
        top: -30px;
        left: -4px;
    }

    section.offices-cards .office-card
    {
        margin-bottom: 30px;
        padding-top: 40px;
        padding-bottom: 40px;
    }

    section.offices-cards .office-card h3
    {
        font-size: 20px;
        line-height: 24px;

        margin-bottom: 30px;
    }

    section.offices-cards .office-card .svg.illustration
    {
        width: 130%;
        height: auto;

        -webkit-transform: translateX(-10%);
                transform: translateX(-10%);

        opacity: 1 !important;
    }

    section.offices-cards .office-card .highlights
    {
        font-size: 14px;

        margin-top: 30px;
    }

    section.offices-cards .office-card .mid p
    {
        font-size: 16px;
        line-height: 20px;

        padding: 0 20px;
    }

    section.offices-cards .office-card .map-link
    {
        display: inline;
    }

    section.offices-cards .office-card:hover .svg.illustration
    {
        opacity: 1 !important;
    }

    section.offices-cards .col-md-5:last-child .office-card
    {
        margin-bottom: 0;
    }

    section.offices-cards .map-wrapper
    {
        display: none !important;
    }

    section.clients-dashboard .list-filters
    {
        display: none;
    }

    section.clients-dashboard .sidebar-alt .dropdown-menu
    {
        position: relative;
        right: auto;

        width: 100%;
        margin-top: 10px;
    }

    section.clients-dashboard .sidebar-alt
    {
        display: block;
    }

    section.clients-dashboard .sidebar
    {
        display: none;
    }

    .internal-hero-clients-area
    {
        height: 137px;
    }

    .header-clients-area
    {
        height: 90px;
    }

    .header-clients-area .svg.logo
    {
        width: auto;
        height: 60px;
        margin-top: 15px;
    }
}

@media (max-width: 767px)
{
    .footer
    {
        padding-top: 50px;
        padding-bottom: 150px;
    }

    .footer .mid
    {
        margin-bottom: 50px;
    }

    .footer .mid p
    {
        font-size: 16px;
        line-height: 24px;
    }

    .footer ul br
    {
        display: block;
    }

    .footer ul li a
    {
        font-size: 12px;
        line-height: 22px;

        letter-spacing: .10em;
    }

    .footer ul li:nth-child(3):after,
    .footer ul li:nth-child(6):after
    {
        display: none;
    }

    .modal-search form .typeahead__container
    {
        width: auto;
        margin: 0 15px;
    }

    .modal-search form .typeahead__container .search-sugestions-wrapper
    {
        width: 100%;
    }

    .modal-search .results-wrapper .results p
    {
        text-align: center;
    }

    .modal-search .results-wrapper .text-right
    {
        text-align: center;
    }

    .modal-search .results-wrapper .filter
    {
        position: absolute;
        left: 50%;

        margin-left: -100px;
    }

    .modal-search .results-wrapper .dropdown
    {
        width: 100%;
        margin: 0;
        margin-bottom: 20px;
    }

    .modal-search .results-wrapper .dropdown .dropdown-toggle
    {
        margin-left: 120px;
    }

    .modal-search .results-wrapper .dropdown .dropdown-menu
    {
        position: relative;
        right: auto;

        width: 100%;
        margin-top: 20px;
    }

    .modal-search .results-wrapper .area .item h4
    {
        font-size: 16px;
        line-height: 18px;
    }

    .modal-search .results-wrapper
    {
        margin-top: 40px;
    }

    .search-control-wrapper .icon
    {
        margin-top: 56px;
    }

    aside
    {
        z-index: 104;
        top: auto;
        right: auto;
        bottom: 0;
        left: 0;

        width: 100%;
    }

    aside .background
    {
        display: none;
    }

    aside ul li
    {
        float: left;

        width: 25%;
    }

    aside ul li .content
    {
        position: absolute;
        bottom: 50px;
        left: 0;

        width: 100%;
    }

    aside ul li .menu-icon
    {
        width: 100%;

        -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .5);
                box-shadow: 0 0 5px rgba(0, 0, 0, .5);
    }

    aside ul li .lang-text
    {
        width: 100%;
        padding: 0;
    }

    aside ul li .text
    {
        font-size: 10px;
        line-height: 14px;

        width: 100%;
        padding: 0;
        padding-top: 15px;
        padding-bottom: 15px;

        text-align: center;
        letter-spacing: 1px;
    }

    aside ul li .social-icon
    {
        width: 100%;
    }

    aside ul li .lang-text
    {
        width: 100%;
        padding: 0 !important;
    }

    aside ul li .menu-text
    {
        width: 100%;

        -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .5);
                box-shadow: 0 0 5px rgba(0, 0, 0, .5);
    }

    aside ul li .menu-text,
    aside ul li .menu-icon
    {
        -webkit-transform: none !important;
                transform: none !important;
    }

    .modal-loading .svg.loading-logo
    {
        width: 240px;
        margin-bottom: 30px;
    }

    section.hero
    {
        height: 100%;
    }

    section.hero .vertical-center
    {
        padding: 0;
    }

    section.hero h1
    {
        font-size: 40px;
        line-height: 46px;

        text-align: center;
    }

    section.hero .sma p
    {
        font-size: 15px;
        line-height: 20px;

        text-align: center;
    }

    section.internal-hero .vertical-center
    {
        padding-top: 10px;
    }

    section.internal-hero h1
    {
        font-size: 40px;
        line-height: 44px;
    }

    section.internal-hero h2
    {
        font-size: 14px;
    }

    section.main-content.top-content
    {
        padding-top: 40px;
    }

    section.main-content.independant-note
    {
        padding-bottom: 50px;
    }

    section.main-content p
    {
        font-size: 18px;
        line-height: 26px;
    }

    section.main-content p.big
    {
        font-size: 20px;
        line-height: 28px;
    }

    section.main-content div.big p
    {
        font-size: 20px;
        line-height: 28px;
    }

    section.main-content h2
    {
        font-size: 26px;
        line-height: 32px;
    }

    section.main-content h3
    {
        font-size: 20px;
        line-height: 26px;
    }

    section.main-content .highlight
    {
        font-size: 14px;
    }

    section.main-content .alliances-list
    {
        margin-top: 30px;
        margin-bottom: 0;
    }

    section.main-content .students-program .body
    {
        padding: 30px 50px;
    }

    section.history .container-history .history-slider .slick-slide
    {
        padding: 0 20px;
    }

    section.floating-box
    {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    section.slidedown .trigger .svg.cross
    {
        right: 60px;
    }

    section.slidedown .trigger .svg.arrow
    {
        right: 60px;
    }

    section.tabs .tab-content h2
    {
        font-size: 26px;
        line-height: 32px;
    }

    section.tabs .tab-content p
    {
        font-size: 20px;
        line-height: 28px;
    }

    section.tabs .nav-tabs > li
    {
        height: 120px;
    }

    section.team-list #team-cards .card
    {
        height: auto;
        margin-bottom: 30px;
    }

    section.team-list #team-cards .card .links
    {
        position: relative;
        bottom: auto;

        margin-top: 20px;
        margin-bottom: 20px;
    }

    section.team-list #team-cards .card:hover
    {
        -webkit-transform: scale(1);
                transform: scale(1);

        background-color: #2aa3b8;
        -webkit-box-shadow: none;
                box-shadow: none;
    }

    section.team-list #view-filters .col-12
    {
        padding: 0 30px;
    }

    section.team-list #view-filters .view-grid
    {
        display: none;
    }

    section.team-list #view-filters .view-list
    {
        display: none;
    }

    section.team-list #view-filters .download-pdf
    {
        display: none;
    }

    .dropdown.filter
    {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;

        text-align: center;
    }

    .dropdown.filter .dropdown-menu
    {
        position: relative;
        right: auto;

        width: 100%;
        margin-top: 10px;
    }

    section.icon-boxes .box
    {
        width: 100%;
    }

    section.icon-boxes .box:first-child
    {
        margin-top: 60px;

        border-radius: 3px 3px 0 0;
    }

    section.icon-boxes .box:last-child
    {
        border-radius: 0 0 3px 3px;
    }

    section.icon-boxes .box:hover
    {
        height: 250px;
        margin-top: 0;
        margin-bottom: 0;
        padding-top: 40px;
    }

    section.icon-boxes .box:hover:first-child
    {
        margin-top: 60px;
    }

    section.icon-boxes .box:hover .box-email
    {
        bottom: 40px;
    }

    section.icon-boxes
    {
        padding-bottom: 60px;
    }

    section.contact-form
    {
        padding-bottom: 0;
    }

    section.profile-card .container-fluid .profile
    {
        margin-top: 30px;
    }

    section.offices-cards .office-card .svg.illustration
    {
        width: 160%;

        -webkit-transform: translateX(-18%);
                transform: translateX(-18%);
    }

    .up
    {
        line-height: 100px;

        z-index: 3;
        bottom: 50px;

        width: 100%;
        height: 100px;
    }

    section.subscribe
    {
        padding: 60px 0 60px 0;
    }

    section.subscribe h2
    {
        font-size: 26px;
        line-height: 32px;
    }

    section.subscribe .big p
    {
        font-size: 20px;

        margin-bottom: 30px;
    }

    section.subscribe .input-wrapper
    {
        width: 100%;
        margin-bottom: 20px;
    }

    section.subscribe .input-wrapper input
    {
        font-size: 14px;

        width: 100%;
    }

    section.subscribe .input-wrapper input.half:first-child
    {
        width: 100%;
        margin-bottom: 20px;
    }

    section.subscribe .input-wrapper input.half:last-child
    {
        width: 100%;
        margin-bottom: 0;
    }

    section.subscribe .input-wrapper button
    {
        margin-top: 0;
    }

    section.clients-dashboard .table thead th
    {
        width: auto;
        padding: 10px 0;
    }

    section.clients-dashboard .table thead th.start,
    section.clients-dashboard .table thead th.end
    {
        width: auto;
    }

    section.clients-dashboard .table thead th.more
    {
        width: 24px;
    }

    section.clients-dashboard .table tbody tr td
    {
        font-size: 14px;
        line-height: 17px;

        padding: 10px 5px;
    }

    section.clients-dashboard .table tbody tr td.start,
    section.clients-dashboard .table tbody tr td.end,
    section.clients-dashboard .table tbody tr td.more
    {
        padding: 10px 5px;

        text-align: left;
    }

    section.clients-dashboard .table tbody .client-details td p
    {
        font-size: 14px;
        line-height: 16px;
    }

    .header-clients-area .back
    {
        font-size: 0;
    }

    .header-clients-area .username
    {
        display: none;
    }

    .header-clients-area .useremail
    {
        display: none;
    }

    .header-clients-area .help
    {
        display: none;
    }

    .footer-clients-area
    {
        padding-top: 50px;
        padding-bottom: 150px;
    }

    .footer-clients-area p
    {
        font-size: 16px;
        line-height: 24px;
    }

    section.team-list #view-filters .search {
      max-width: 195px;
    }
}

@media (max-width: 479px)
{
    section.main-content .alliances-list li
    {
        width: 100%;
        margin-bottom: 30px;
    }

    section.main-content .alliances-list li .logo
    {
        width: auto;
    }

    section.main-content .alliances-list li:hover
    {
        margin-top: 0;
        margin-bottom: 30px;
    }

    section.main-content .alliances-list li:hover .ratio
    {
        margin: 0;
    }

    section.main-content .contacts-list-card .contact
    {
        width: 100%;
    }

    section.main-content .contacts-list-card .contact .avatar
    {
        position: absolute;

        margin: 0;
    }

    section.main-content .contacts-list-card .contact .name
    {
        padding: 0 85px;
    }

    section.main-content .contacts-list-card .contact .email
    {
        padding: 0 85px;
    }

    section.history .container-history .history-slider .slick-slide
    {
        padding: 0;
    }

    section.history .date
    {
        margin-bottom: 20px;
    }

    section.history .highlight
    {
        height: auto;
        margin-bottom: 20px;
    }

    section.slidedown .trigger .svg.cross
    {
        right: 20px;
    }

    section.slidedown .trigger .svg.arrow
    {
        right: 20px;
    }

    section.slidedown .highlight
    {
        padding: 0 50px;
    }

    section.contact-form .card input.half,
    section.contact-form .card textarea.half
    {
        float: none;

        width: 100%;
        margin-right: 0;
        margin-left: 0;
    }

    section.contact-form .card .g-recaptcha
    {
        margin-top: -20px;
        margin-bottom: 0;
        margin-left: -20px;

        -webkit-transform: scale(.7);
                transform: scale(.7);
    }

    section.contact-form .card
    {
        padding: 20px;
    }

    #clients-help-modal .modal-dialog
    {
        width: auto;
        margin: 30px !important;
    }

    #clients-help-modal .modal-content .close
    {
        margin-right: -20px;
    }

    #clients-help-modal .modal-content h4
    {
        font-size: 20px;
        line-height: 24px;

        padding: 30px 10px;
    }

    #clients-help-modal .modal-content p
    {
        font-size: 16px;
        line-height: 18px;

        padding: 0 20px 10px;
    }

    #clients-help-modal .modal-content .modal-footer-alt
    {
        padding-top: 20px;
        padding-bottom: 10px;
    }

    .dropdown.filter {
      padding: 0 10px;
    }
}

@media (max-width: 400px)
{
    section.team-list #view-filters .svg.search-icon
    {
        display: none;
    }
}

@media (max-width: 319px)
{
    section.history #slider-control-prev
    {
        width: 40px;
        padding-left: 10px;
    }

    section.history #slider-control-next
    {
        width: 40px;
        padding-right: 10px;
    }
}

@media (min-width: 1199px) and (max-width: 1310px)
{
    section.team-list #team-cards .card
    {
        height: 420px;
    }
}

@media (max-height: 680px)
{
    section.clients-login .card
    {
        padding-bottom: 20px;
    }

    .header-clients-area
    {
        height: 90px;
    }

    .header-clients-area .svg.logo
    {
        width: auto;
        height: 60px;
        margin-top: 15px;
    }
}

@media (max-height: 600px)
{
    section.clients-login button
    {
        margin-top: 0;
    }
}

@media (max-width: 641px) {
  .dropdown.filter {
    padding: 20px 10px 0 10px !important;
  }
}


@media (max-width: 570px)
{
  #view-filters {
    margin-bottom: 160px !important;
  }

  .dropdown.filter {
    padding: 20px 15px 0 15px !important;
  }

  section.team-list #view-filters .search {
    max-width: calc(100% - 35px) !important;
    width: 100% !important;
  }

  section.team-list #view-filters .dropdown.filter {
    width: 100%;
  }

  section.team-list #view-filters .dropdown.filter .dropdown-menu.last {
    left: auto !important;
  }
}