body{ background-color: #e5e5e5;}
.common_width {
    width: 100%;
}
.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto;
}
.hero {
    border-bottom: 1px solid #767676;
}
.section {
    margin-bottom: 40px;
    position: relative;
}
.hero {
    background-size: cover;
    min-height: 290px;
    text-align: center;
    width: 100%;
}

.container {
    margin: 0 auto;
    padding: 0 5%;
}
.section {
    margin-bottom: 40px;
    position: relative;
}
.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.blocks-item:active, .blocks-item:focus, .blocks-item:hover {
    box-shadow: 0 5px 20px 0 rgba(0,0,0,.15);
}

.blocks-item {
    border: 1px solid #767676;
    border-radius: 4px;
    box-sizing: border-box;
    color: #0072EF;
    display: flex;
    flex: 1 0 340px;
    flex-direction: column;
    justify-content: center;
    margin: 0 0 30px;
    max-width: 100%;
    text-align: center;
}

a:hover, a:focus {
    color: #2AB459;
    text-decoration: underline;
}

.blocks-item-link {
    color: #0072EF;
    padding: 20px 30px;
}

.blocks-item-title {
    margin-bottom: 0;
    color: #fff;
    font-family: Graphik2;
    font-size: 18px;
    font-weight: 500;
    line-height: 21px;
    text-align: center;
}
.blocks-item-title:hover{
    color: #2AB459;
}
a:active, a:hover {
    outline: 0;
}

.blocks-item-description:not(:empty) {
    margin-top: 10px;
    color: #79807c;
    font-family: Graphik;
    font-size: 14px;
    line-height: 21px;
    text-align: center;
}

.blocks-item:active *, .blocks-item:focus *, .blocks-item:hover * {
    text-decoration: none;
}

.blocks-item-description {
    font-weight: 300;
    margin: 0;
}

.blocks-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    list-style: none;
    padding: 0;
}

.banner_bg2 h1 {
    color: #fff;
    font-family: Graphik;
    font-size: 44px;
    font-weight: 700;
    line-height: 51px;
    text-align: left;
    padding-top: 45px;
}

.banner_bg2 h2 {
    color: #fff;
    font-family: Graphik;
    font-size: 18px;
    line-height: 27px;
    text-align: left;
    margin-top: 20px;
}

.hero-inner {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 36px;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block;
}

.banner_bg2 .contact a, .banner_bg2 .contact a:active, .banner_bg2 .contact a:hover, .banner_bg2 .contact a:visited {
    color: #2AB459;
    text-decoration: none;
}

.banner_bg2 .contact a:hover {
    color: #2AB459;
    text-decoration: underline;
}

.articles_h3 {
    color: #fff;
    font-family: Graphik2;
    font-size: 24px;
    font-weight: 500;
    line-height: 28px;
    margin-bottom: 35px
}

.promoted-articles {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap
}

.promoted-articles-item {
    flex: 1 0 auto;
    position: relative
}

.promoted-articles-item a {
    border-top: 1px solid #767676;
    color: #fff;
    display: block;
    padding: 15px 0;
    font-family: Graphik2 !important;
    font-size: 18px
}

.promoted-articles-item a:hover {
    text-decoration: none;
    color: #2AB459;
}

.hero-inner {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 36px;
}

@media (min-width: 768px){
    .section {
        margin-bottom: 60px;
    }
    .blocks-list {
        margin: 0 -15px;
    }
    .blocks-item {
        margin: 0 15px 30px;
    }
}

@media (min-width: 922px) {
    .promoted-articles-item:last-child a, .promoted-articles-item:nth-last-child(2) a {
        border-bottom: 1px solid #767676
    }

    .promoted-articles-item:last-child a, .promoted-articles-item:nth-last-child(2) a {
        border-bottom: 1px solid #767676
    }
}

@media (min-width: 1024px) {


    .promoted-articles {
        flex-direction: row
    }

    .promoted-articles-item {
        align-self: flex-end;
        flex: 0 0 auto;
        padding-right: 30px;
        width: 50%
    }

}

@media (min-width: 1200px) {
    .common_width {
        width: 1180px !important;
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .container {
        width: 1180px !important;
        margin: 0 auto;
        padding: 0 !important
    }

    .banner_bg2 h1,.banner_bg2 h2{
        text-align:left;
        width:58%;
    }

    .hero-inner {
        margin-left: 0;
        width: 680px;
    }
}

@media (min-width: 1400px) {
    .common_width {
        width: 1400px !important;
    }
    .container {
        width: 1400px !important;
    }
}

.search {
    position: relative;
}

form {
    display: block;
    margin-top: 0em;
}

input, button, select, textarea {
    font-family: "graphik-regular-webfont", Helvetica, Arial, sans-serif;
    font-size: inherit;
    line-height: inherit;
}

button, input, optgroup, select, textarea {
    margin: 0;
    font: inherit;
    color: inherit;
}

input {
    font-weight: 300;
    max-width: 100%;
    box-sizing: border-box;
    outline: 0;
    transition: border .12s ease-in-out;
}

input[type="hidden" i] {
    appearance: none;
    background-color: initial;
    cursor: default;
    display: none !important;
    padding: initial;
    border: initial;
}

.search-full input[type=search] {
    border: 1px solid #ccc;
}

.search input[type=search] {
    border: 1px solid #ddd;
    border-radius: 3px;
    box-sizing: border-box;
    color: #999;
    height: 40px;
    padding-left: 15px;
    padding-right: 50px;
    -webkit-appearance: none;
    height: 50px;
}

.aa-input {
    width: 100%;
    outline: none;
}

input {
    font-weight: 300;
    max-width: 100%;
    box-sizing: border-box;
    outline: 0;
    transition: border .12s ease-in-out;
}

input[type="search" i] {
    appearance: auto;
    box-sizing: border-box;
    padding: 1px 2px;
}

.search::before {
    position: relative;
    top: 55%;
    transform: translateY(-50%);
    background-color: #fff;
    color: #a3a3a3;
    content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNjkzODM3Njc0MzY5IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjQwMDMiIHdpZHRoPSIyNSIgaGVpZ2h0PSIyNSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxwYXRoIGQ9Ik00MjEuOTI1OTI2IDE3MC42NjY2NjdjMzMuOTQzNzA0IDAgNjYuODQ0NDQ0IDYuNjM3MDM3IDk3Ljc1NDA3NCAxOS43MjE0ODEgMjkuOTYxNDgxIDEyLjYxMDM3IDU2Ljc5NDA3NCAzMC44MTQ4MTUgNzkuODM0MDc0IDUzLjg1NDgxNXM0MS4yNDQ0NDQgNDkuOTY3NDA3IDUzLjg1NDgxNSA3OS44MzQwNzRDNjY2LjU0ODE0OCAzNTUuMDgxNDgxIDY3My4xODUxODUgMzg3Ljk4MjIyMiA2NzMuMTg1MTg1IDQyMS45MjU5MjZzLTYuNjM3MDM3IDY2Ljg0NDQ0NC0xOS43MjE0ODEgOTcuNzU0MDc0Yy0xMi42MTAzNyAyOS45NjE0ODEtMzAuODE0ODE1IDU2Ljc5NDA3NC01My44NTQ4MTUgNzkuODM0MDc0cy00OS45Njc0MDcgNDEuMjQ0NDQ0LTc5LjgzNDA3NCA1My44NTQ4MTVDNDg4Ljc3MDM3IDY2Ni41NDgxNDggNDU1Ljg2OTYzIDY3My4xODUxODUgNDIxLjkyNTkyNiA2NzMuMTg1MTg1cy02Ni44NDQ0NDQtNi42MzcwMzctOTcuNzU0MDc0LTE5LjcyMTQ4MWMtMjkuOTYxNDgxLTEyLjYxMDM3LTU2Ljc5NDA3NC0zMC44MTQ4MTUtNzkuODM0MDc0LTUzLjg1NDgxNS0yMy4xMzQ4MTUtMjMuMTM0ODE1LTQxLjI0NDQ0NC00OS45Njc0MDctNTMuODU0ODE1LTc5LjgzNDA3NEMxNzcuMzAzNzA0IDQ4OC43NzAzNyAxNzAuNjY2NjY3IDQ1NS44Njk2MyAxNzAuNjY2NjY3IDQyMS45MjU5MjZzNi42MzcwMzctNjYuODQ0NDQ0IDE5LjcyMTQ4MS05Ny43NTQwNzRjMTIuNjEwMzctMjkuOTYxNDgxIDMwLjgxNDgxNS01Ni43OTQwNzQgNTMuODU0ODE1LTc5LjgzNDA3NCAyMy4xMzQ4MTUtMjMuMTM0ODE1IDQ5Ljk2NzQwNy00MS4yNDQ0NDQgNzkuODM0MDc0LTUzLjg1NDgxNUMzNTUuMDgxNDgxIDE3Ny4zMDM3MDQgMzg3Ljk4MjIyMiAxNzAuNjY2NjY3IDQyMS45MjU5MjYgMTcwLjY2NjY2N20wLTQyLjY2NjY2N2MtMTYyLjMyMjk2MyAwLTI5My45MjU5MjYgMTMxLjYwMjk2My0yOTMuOTI1OTI2IDI5My45MjU5MjZzMTMxLjYwMjk2MyAyOTMuOTI1OTI2IDI5My45MjU5MjYgMjkzLjkyNTkyNiAyOTMuOTI1OTI2LTEzMS42MDI5NjMgMjkzLjkyNTkyNi0yOTMuOTI1OTI2LTEzMS42MDI5NjMtMjkzLjkyNTkyNi0yOTMuOTI1OTI2LTI5My45MjU5MjZ6TTg3NC45NTExMTEgODk2LjI4NDQ0NGMtNS40OTkyNTkgMC0xMC45MDM3MDQtMi4wODU5MjYtMTUuMDc1NTU1LTYuMjU3Nzc3TDYxNC45Njg4ODkgNjQ1LjEyYy04LjM0MzcwNC04LjM0MzcwNC04LjM0MzcwNC0yMS44MDc0MDcgMC0zMC4xNTExMTFzMjEuODA3NDA3LTguMzQzNzA0IDMwLjE1MTExMSAwbDI0NC45MDY2NjcgMjQ0LjkwNjY2N2M4LjM0MzcwNCA4LjM0MzcwNCA4LjM0MzcwNCAyMS44MDc0MDcgMCAzMC4xNTExMTFhMjEuMzMzMzMzIDIxLjMzMzMzMyAwIDAgMS0xNS4wNzU1NTYgNi4yNTc3Nzd6IiBwLWlkPSI0MDA0Ij48L3BhdGg+PC9zdmc+);
    font-size: 18px;
    position: absolute;
    right: 15px;
}

#article-search-content{
    background-color: #fff;
    min-height: 100px;
    z-index: 10002;
    padding: 8px 0 20px;
    font-size: 15px;
    display: none;
    height: auto;
    border-top: 0 solid #fff;
    border-bottom: 1px solid #1C9C5E;
    border-left: 1px solid #1C9C5E;
    border-right: 1px solid #1C9C5E;
    text-align: left;
}

#article-search-content .row {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

#article-search-content ul {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

#article-search-content ul li {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 24px;
    padding-top: 2px;
    padding-bottom: 2px;
}

#article-search-content a{
    color: #79807C;
    text-decoration: none;
}

#article-search-content a:hover{
    color: #79807C;
    text-decoration: underline;
}

#article-search-content ul li em {
    color: #1FB58A;
    font-family: graphik2;
    width: 100%;
    height: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#article-search-content h5 {
    color: #1C9C5E;
}

#article-search-content h5 span {
    color: #ccc;
    font-size: 13px;
}

@media (min-width: 992px){
    #article-search-content .show_all_articles button {
        width: 50%;
    }
}

@media (min-width: 768px){
    #article-search-content .show_all_articles button {
        width: 80%;
    }
}

#article-search-content .show_all_articles button {
    border-radius: 4em;
    width: 50%;
    background-color: #fff;
    border: 2px solid #2AB459;
    color: #1C9C5E;
    height: 3em;
    font-size: 13px;
    font-family: graphik2,Helvetica,Arial,sans-serif!important;
    cursor: pointer;
}

#article-search-content .show_all_articles {
    margin-top: 15px;
    text-align: center;
}

input[type=search]:focus{
    border:1px solid #2AB459;
    color:#555
}