.b-portfolio {
    margin:60px 0
}

.b-portfolio li {
	list-style: none;
}

.b-portfolio .b-page-section.is-empty {
    position: absolute;
    left:-9999px
}

@media screen and (min-width: 1280px) {
    .b-portfolio .b-page-section {
        margin-left: -140px;
        margin-right:-140px
    }
}

@media screen and (min-width: 1460px) {
    .b-portfolio .b-page-section {
        margin-left: 0;
        margin-right:0
    }
}

.b-portfolio__title {
    text-align:center
}

@media screen and (max-width: 710px) {
    .b-portfolio__title {
        font-size:27px
    }
}

.b-portfolio__date, .b-portfolio__more {
    font-family: Proxima Nova, Open Sans, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 23px;
    line-height: 25px;
    letter-spacing: .25em;
    text-indent: .25em;
    text-align: center;
    text-transform: uppercase;
    color: #dddada;
    margin:60px 0
}

.b-portfolio__more {
    margin:70px 0
}

.b-portfolio-list {
    margin:0 auto
}

.b-portfolio-list .grid {
    width:320px
}

@media screen and (min-width: 1024px) {
    .b-portfolio-list .grid {
        width:268px
    }
}

@media screen and (min-width: 1280px) {
    .b-portfolio-list .grid {
        width:299px
    }
}

@media screen and (min-width: 1460px) {
    .b-portfolio-list .grid {
        width:345px
    }
}

.b-portfolio-list .gutter {
    width:10px
}

@media screen and (min-width: 1024px) {
    .b-portfolio-list .gutter {
        width:8px
    }
}

@media screen and (min-width: 1280px) {
    .b-portfolio-list .gutter {
        width:8px
    }
}

@media screen and (min-width: 1460px) {
    .b-portfolio-list .gutter {
        width:10px
    }
}

.b-work {
    display: block;
    position: relative;
    width: 260px;
    height: 185px;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition:none
}

@media screen and (max-width: 710px) {
    .b-work {
        width: 100%;
        height: 0;
        box-sizing: border-box;
        padding-top: 60%;
        margin-bottom:15px
    }
}

@media screen and (min-width: 710px) {
    .b-work {
        width: 320px;
        height:223px
    }
}

@media screen and (min-width: 1024px) {
    .b-work {
        width: 268px;
        height:209px
    }
}

@media screen and (min-width: 1280px) {
    .b-work {
        width: 299px;
        height:209px
    }
}

@media screen and (min-width: 1460px) {
    .b-work {
        width: 345px;
        height:240px
    }
}

.b-work .loader_img {
    display:none
}

.b-work.is-loading .b-work__image {
    background-image: url(/local/templates/.default/markup_nota2/dist/images/loader.gif) !important;
    background-size:auto
}

.b-work__image {
    z-index: 1;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    transition:transform .2s ease, -webkit-transform .2s ease
}

.b-work__image, .b-work__overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom:0
}

.b-work__overlay {
    display: none;
    z-index: 2;
    background:rgba(0, 0, 0, .75)
}

.b-work__caption {
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
    right: 0;
    font-size: 13px;
    line-height: 18px;
    color: #fff;
    height:25px
}

.b-work__caption.slided .b-work__category, .b-work__caption.slided .valign {
    left: 0;
    opacity:1
}

.b-work__caption .valign {
    position: relative;
    left: 0;
    transition:all .8s ease
}

.b-work__desc {
    display:none
}

.b-work__category, .b-work__title {
    float: left;
    padding: 3px 10px 4px;
    box-sizing:border-box
}

.b-work__title {
    background: #000;
    background: rgba(0, 0, 0, .7);
    max-width:100%
}

.b-work__category {
    font-size: 13px;
    background: #666;
    background: hsla(0, 0%, 40%, .7);
    left: 0;
    transition:all .8s ease
}

.b-work:hover .b-work__image {
    -webkit-transform: scale(1.1);
    transform:scale(1.1)
}

.b-work.is-hover .b-work__caption {
    font-size: .1px;
    letter-spacing: -1px;
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align:center
}

@-moz-document url-prefix() {
    .b-work.is-hover .b-work__caption {
        font-size: 0;
        letter-spacing:normal
    }
}

.b-work.is-hover .b-work__caption .valign {
    font-size: 14px;
    letter-spacing:normal
}

.b-work.is-hover .b-work__caption:before {
    content: "";
    height:100%
}

.b-work.is-hover .b-work__caption .valign, .b-work.is-hover .b-work__caption:before {
    display: inline-block;
    vertical-align:middle
}

.b-work.is-hover .valign {
    width: 90%;
    margin:0 auto
}

.b-work.is-hover .b-work__title {
    float: none;
    padding: 0;
    font-size: 17px;
    line-height: 25px;
    font-weight: 700;
    text-transform: uppercase;
    background:none
}

.b-work.is-hover .b-work__title .g-ellipsis {
    overflow: visible;
    white-space:normal
}

.b-work.is-hover .b-work__desc {
    display: block;
    font-size: 13px;
    line-height: 17px;
    margin-top: 2px;
    padding:0 5%
}

.b-work.is-hover .b-work__desc:after {
    position: absolute;
    left: 50%;
    content: "";
    display: block;
    margin: 10px 0 0 -20px;
    width: 40px;
    height: 3px;
    background:#47af4c
}

.b-work.is-hover .b-work__category {
    position: absolute;
    top: 0;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    padding: 15px 0 0;
    background: none;
    color:hsla(0, 0%, 100%, .5)
}

@media screen and (min-width: 710px) {
    .b-work--large {
        width: 650px;
        height:456px
    }
}

@media screen and (min-width: 710px) and(min-width: 1024px) {
    .b-work--large {
        width: 544px;
        height:426px
    }
}

@media screen and (min-width: 710px) and(min-width: 1280px) {
    .b-work--large {
        width: 606px;
        height:426px
    }
}

@media screen and (min-width: 710px) and(min-width: 1460px) {
    .b-work--large {
        width: 700px;
        height:490px
    }
}

@media screen and (min-width: 710px) {
    .b-work--large.is-hover .b-work__title {
        font-size: 25px;
        line-height:30px
    }

    .b-work--large.is-hover .b-work__desc {
        font-size: 17px;
        line-height: 23px;
        margin-top:10px
    }

    .b-work--large.is-hover .b-work__desc:after {
        width: 80px;
        margin-left: -40px;
        margin-top:15px
    }

    .b-work--large.is-hover .b-work__category {
        font-size: 17px;
        line-height:17px
    }
}

.portfolio_detail_wrapper {
    padding-top: 69px;
    margin-top: -69px;
    width: 100%;
    overflow:hidden
}

.portfolio_detail_wrapper .b-portfolio-section:first-child {
    padding-top: 70px;
    margin-top:-70px
}

.b-portfolio-section {
    position: relative;
    text-align: center;
    background-color: transparent;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right:auto
}

.b-portfolio-section_fullWidth {
    max-width:none
}

.b-portfolio-section:first {
    padding-top: 60px;
    margin-top:-60px
}

.b-portfolio-section img {
    position: relative;
    z-index: 3;
    vertical-align: top;
    max-width: 100%;
    height:auto
}

@media screen and (max-width: 710px) {
    .b-portfolio-section img {
        max-width:100%
    }
}

.b-portfolio-section .circle {
    left: 47%;
    position: absolute;
    top: -22px;
    z-index:1
}

@media screen and (max-width: 710px) {
    .b-portfolio-section .circle {
        left: 40%;
        -webkit-transform: scale(.5);
        transform:scale(.5)
    }
}

.b-portfolio-section__bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat:no-repeat
}

.b-portfolio-section__content {
    position: relative;
    z-index: 2;
    padding:80px 0
}

.b-portfolio-section__title {
    font-size: 18px;
    line-height: 27px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .05em;
    text-indent:.05em
}

.b-portfolio-section__text {
    font-size: 17px;
    line-height: 25px;
    max-width: 61%;
    margin:30px auto 0
}

.b-portfolio-section__text:first-child {
    margin-top:0
}

@media screen and (max-width: 710px) {
    .b-portfolio-section__text {
        max-width:none
    }
}

.b-portfolio-section__separator {
    margin:35px 0 0
}

.b-portfolio-section__soclikes {
    text-align: center;
    margin-top:55px
}

.b-portfolio-section__soclikes a {
    width: 146px;
    height: 37px;
    display: inline-block;
    position: relative;
    line-height: 36px;
    font-size: 13px;
    margin: 5px;
    color: #fff;
    padding-left: 36px;
    box-sizing: border-box;
    text-align:center
}

.b-portfolio-section__soclikes a:before {
    display: block;
    content: "";
    height: 36px;
    width: 36px;
    position: absolute;
    left: 0;
    top: 0;
    border-right: 1px solid #6179ac;
    background-position: 50%;
    background-repeat:no-repeat
}

.b-portfolio-section__soclikes .social_facebook {
    background: #3a5897;
    border:1px solid #1e468e
}

.b-portfolio-section__soclikes .social_facebook:before {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNS4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4wLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL1RSLzIwMDEvUkVDLVNWRy0yMDAxMDkwNC9EVEQvc3ZnMTAuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4wIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHdpZHRoPSIxMXB4IiBoZWlnaHQ9IjIwcHgiIHZpZXdCb3g9IjEyLjUgOCAxMSAyMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAxMi41IDggMTEgMjAiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggaWQ9ImYiIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xOS40ODEsMjh2LTguODloMi45NjRsMC43MzktMy43MDNoLTMuNzAzdi0xLjQ4MmMwLTEuNDgsMC43NDEtMi4yMjIsMi4yMjQtMi4yMjJoMS40NzlWOA0KCWMtMC43MzksMC0xLjY2LDAtMi45NjMsMGMtMi43MjIsMC00LjQ0NCwyLjEzNC00LjQ0NCw1LjE4NXYyLjIyM2gtMi45NjJ2My43MDNoMi45NjJWMjhIMTkuNDgxeiIvPg0KPC9zdmc+DQo=)
}

.b-portfolio-section__soclikes .social_googlep {
    background: #e02f2f;
    border:1px solid #de0707
}

.b-portfolio-section__soclikes .social_googlep:before {
    border-right: 1px solid #e65959;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNS4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4wLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL1RSLzIwMDEvUkVDLVNWRy0yMDAxMDkwNC9EVEQvc3ZnMTAuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4wIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHdpZHRoPSIyMXB4IiBoZWlnaHQ9IjIwcHgiIHZpZXdCb3g9IjcuNSA4IDIxIDIwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDcuNSA4IDIxIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yMC41LDhjMCwwLTQuNTkyLDAtNi4xNjQsMGMtMi44MiwwLTUuNDc1LDEuOTc5LTUuNDc1LDQuNDUzYzAsMi41MjgsMS45MjIsNC40OTMsNC43OTEsNC40OTMNCgkJYzAuMjAxLDAsMC4zOTQtMC4wNDQsMC41ODQtMC4wNThjLTAuMTg4LDAuMzU0LTAuMzE2LDAuNzM3LTAuMzE2LDEuMTUzYzAsMC43MDMsMC4zNzYsMS4yNjUsMC44NTQsMS43Mw0KCQljLTAuMzU4LDAtMC43MSwwLjAwMy0xLjA5MSwwLjAwM2MtMy40OTMsMC4wMDMtNi4xODIsMi4yMjUtNi4xODIsNC41MzFjMCwyLjI3MywyLjk0NywzLjY5NCw2LjQ0LDMuNjk0DQoJCWMzLjk4MiwwLDYuMTgzLTIuMjYxLDYuMTgzLTQuNTM0YzAtMS44Mi0wLjUzNy0yLjkxMi0yLjE5OC00LjA5MmMtMC41Ny0wLjM5OS0xLjY1Ny0xLjM4LTEuNjU3LTEuOTU2DQoJCWMwLTAuNjc0LDAuMTkyLTEuMDA2LDEuMjA5LTEuOGMxLjAzOC0wLjgxMiwxLjc3NC0xLjc4MSwxLjc3NC0zLjExMWMwLTEuNTgxLTAuNjgxLTMuNTA5LTIuMDAzLTMuNTA5aDIuMjVMMjAuNSw4eiBNMTguNDMyLDIzLjA3Mw0KCQljMC4wNDgsMC4yMTIsMC4wNzYsMC40MjgsMC4wNzYsMC42NDhjMCwxLjgzNi0xLjE4NSwzLjI3Mi00LjU3OCwzLjI3MmMtMi40MTYsMC00LjE1OS0xLjUyOC00LjE1OS0zLjM2Mw0KCQljMC0xLjc5OCwyLjE2NC0zLjI5OCw0LjU3OS0zLjI3MmMwLjU2MywwLjAwOCwxLjA4OSwwLjA5OCwxLjU2NCwwLjI0OEMxNy4yMjQsMjEuNTIxLDE4LjE2NCwyMi4wMzYsMTguNDMyLDIzLjA3M3ogTTE0LjU2MywxNi4yMjUNCgkJYy0xLjYyLTAuMDQ3LTMuMTYxLTEuODEzLTMuNDQtMy45NGMtMC4yNzgtMi4xMjksMC44MDktMy43NTksMi40MjktMy43MWMxLjYxOSwwLjA1LDMuMTYxLDEuNzU4LDMuNDQsMy44ODYNCgkJQzE3LjI3MSwxNC41ODcsMTYuMTg1LDE2LjI3MiwxNC41NjMsMTYuMjI1eiIvPg0KCTxwb2x5Z29uIGZpbGw9IiNGRkZGRkYiIHBvaW50cz0iMjUuNDk5LDE1Ljk5MiAyNS40OTksMTIuOTkyIDIzLjUsMTIuOTkyIDIzLjUsMTUuOTkyIDIwLjUsMTUuOTkyIDIwLjUsMTcuOTkyIDIzLjUsMTcuOTkyIA0KCQkyMy41LDIwLjk5MiAyNS40OTksMjAuOTkyIDI1LjQ5OSwxNy45OTIgMjguNDk5LDE3Ljk5MiAyOC40OTksMTUuOTkyIAkiLz4NCjwvZz4NCjwvc3ZnPg0K)
}

.b-portfolio-section__soclikes .social_twitter {
    background: #2ca8d2;
    border:1px solid #009dcd
}

.b-portfolio-section__soclikes .social_twitter:before {
    border-right: 1px solid #56b9db;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNS4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4wLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL1RSLzIwMDEvUkVDLVNWRy0yMDAxMDkwNC9EVEQvc3ZnMTAuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4wIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHdpZHRoPSIyMHB4IiBoZWlnaHQ9IjE2cHgiIHZpZXdCb3g9IjggMTAgMjAgMTYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgOCAxMCAyMCAxNiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMjgsMTEuODk1Yy0wLjczNSwwLjMyMi0xLjUyNSwwLjUzNy0yLjM1NywwLjYzNWMwLjg1Mi0wLjQ5NywxLjUwMS0xLjI4NywxLjgwOC0yLjIzDQoJYy0wLjc5MywwLjQ2MS0xLjY3MiwwLjc5Ny0yLjYwOCwwLjk3OUMyNC4wOTUsMTAuNDkyLDIzLjAyOCwxMCwyMS44NDcsMTBjLTIuMjY3LDAtNC4xMDMsMS44MDktNC4xMDMsNC4wMzkNCgljMCwwLjMxNCwwLjAzNywwLjYyNSwwLjEwNCwwLjkyMmMtMy40MDktMC4xNzEtNi40MzMtMS43NzktOC40NTgtNC4yMjJjLTAuMzUyLDAuNTk3LTAuNTU2LDEuMjktMC41NTYsMi4wMzINCgljMCwxLjM5OCwwLjcyNiwyLjYzNywxLjgyNSwzLjM2Yy0wLjY3Mi0wLjAyMi0xLjMwNS0wLjIwMi0xLjg1Ny0wLjUwNWMtMC4wMDEsMC4wMTctMC4wMDEsMC4wMzQtMC4wMDEsMC4wNTENCgljMCwxLjk1NSwxLjQxNSwzLjU5LDMuMjkyLDMuOTYxYy0wLjM0MiwwLjA5LTAuNzA0LDAuMTQzLTEuMDgsMC4xNDNjLTAuMjY1LDAtMC41MjEtMC4wMjMtMC43NzEtMC4wNzINCgljMC41MjEsMS42MDQsMi4wMzYsMi43NzEsMy44MzIsMi44MDZjLTEuMzk5LDEuMDgyLTMuMTcxLDEuNzI4LTUuMDk0LDEuNzI4Yy0wLjMzLDAtMC42NTktMC4wMTgtMC45OC0wLjA1NQ0KCUM5LjgxNiwyNS4zMzIsMTEuOTc1LDI2LDE0LjI5MywyNmM3LjU0NSwwLDExLjY3My02LjE1NCwxMS42NzMtMTEuNDkzYzAtMC4xNzMtMC4wMDUtMC4zNTEtMC4wMTItMC41MjENCglDMjYuNzU1LDEzLjQxNSwyNy40NTEsMTIuNzA0LDI4LDExLjg5NXoiLz4NCjwvc3ZnPg0K)
}

.b-portfolio-section.is-dark {
    color:#fff
}

.b-portfolio-section.has-fade:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 350px;
    background: linear-gradient(0deg, rgba(0, 0, 0, .2) 20%, transparent 80%) repeat-x;
    pointer-events: none;
    z-index:4
}

.b-portfolio-detailed-hero {
    color: #fff;
    opacity:1 !important
}

.b-portfolio-detailed-hero__subtitle, .b-portfolio-detailed-hero__title {
    font-family: Proxima Nova, Open Sans, Helvetica Neue, Helvetica, Arial, sans-serif;
    text-transform:uppercase
}

.b-portfolio-detailed-hero__title {
    font-weight: 900;
    font-size: 84px;
    line-height: 90px;
    letter-spacing: .1em;
    text-indent: .1em;
    margin-bottom:10px
}

@media screen and (max-width: 710px) {
    .b-portfolio-detailed-hero__title {
        font-size: 26px;
        line-height:36px
    }
}

.b-portfolio-detailed-hero__subtitle {
    font-size: 18px;
    line-height: 23px;
    text-indent: .05em;
    letter-spacing:.05em
}

.b-portfolio-detailed-hero__separator {
    display: block;
    width: 100px;
    height: 3px;
    margin: 45px auto;
    background-color:#fff
}

.b-portfolio-detailed-hero__desc {
    font-size: 17px;
    line-height: 25px;
    margin: 0 auto 30px;
    max-width:61%
}

.b-portfolio-detailed-hero__desc em {
    font-style:italic
}

@media screen and (max-width: 710px) {
    .b-portfolio-detailed-hero__desc {
        max-width:none
    }
}

.b-portfolio-detailed-hero__url {
    font-size: 17px;
    line-height:25px
}

.b-portfolio-detailed-hero__url a {
    font-weight: 700;
    text-decoration:underline
}

.b-portfolio-detailed-hero .b-portfolio-rewards {
    margin-top:30px
}

.b-portfolio-rewards {
    text-align:center
}

.b-portfolio-rewards__item {
    display: inline-block;
    vertical-align: top;
    margin:30px 30px 0
}

@media screen and (max-width: 710px) {
    .b-portfolio-rewards__item {
        margin:30px 0 0
    }
}

.b-portfolio-reward {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 123px;
    font-size: 11px;
    line-height:12px
}

.b-portfolio-reward__inner {
    font-size: .1px;
    letter-spacing: -1px;
    display: inline-block;
    padding: 5px 15px;
    height:61px
}

@-moz-document url-prefix() {
    .b-portfolio-reward__inner {
        font-size: 0;
        letter-spacing:normal
    }
}

.b-portfolio-reward__inner .valign {
    font-size: 14px;
    letter-spacing:normal
}

.b-portfolio-reward__inner:before {
    content: "";
    height:100%
}

.b-portfolio-reward__inner .valign, .b-portfolio-reward__inner:before {
    display: inline-block;
    vertical-align:middle
}

.b-portfolio-reward__year {
    font-style:italic
}

.b-portfolio-reward__subtitle, .b-portfolio-reward__value, .b-portfolio-reward__year {
    font-size:10px
}

.b-portfolio-reward__title {
    font-weight: 700;
    letter-spacing: .14em;
    text-indent: .14em;
    margin: 7px 0 3px;
    text-transform:uppercase
}

.b-portfolio-reward__subtitle, .b-portfolio-reward__title {
    font-family:Proxima Nova, Open Sans, Helvetica Neue, Helvetica, Arial, sans-serif
}

.b-portfolio-reward__subtitle {
    margin-bottom:3px
}

.b-portfolio-reward__title + .b-portfolio-reward__subtitle {
    margin-top:-3px
}

.b-portfolio-reward:after, .b-portfolio-reward:before {
    content: "";
    display: block;
    position: absolute;
    width: 33px;
    height: 61px;
    bottom: 0;
    background-size:100% 100%
}

.b-portfolio-reward:before {
    left: 0;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjciIGhlaWdodD0iMjM2IiB2aWV3Qm94PSIwIDAgMTI3IDIzNiI+PGcgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiNGRkYiPjxwYXRoIGQ9Ik03My44OCAyMTAuODMzYy04LjI5LS4zMjktMTUuNTgzIDQuNjUxLTE2LjkwOCA1LjMxOS0xLjMyNS42NTktMy4zMTcgMS42NTctMy4zMTcgMS42NTdzNy42MzIgNC42NTEgMTYuNTc5IDQuNjUxYzguOTU2IDAgMTUuNTgyLTYuMzA5IDE1LjU4Mi02LjMwOXMtMy42NDctNC45OC0xMS45MzYtNS4zMTh6TTQ4Ljc2OCAxODkuOGMtOC4wMTctMi4xMzctMTYuMjIyIDEuMTQtMTcuNjYgMS40OTdsLTMuNTk5Ljg5NXM2LjQzOCA2LjIwNCAxNS4xNzggOC4xNTNjOC43MzEgMS45NTggMTYuNTc5LTIuNzU5IDE2LjU3OS0yLjc1OXMtMi40ODItNS42NTgtMTAuNDk4LTcuNzg2ek0zNy40MTQgMTc1LjU5NHMtLjExMi02LjE3Ny02LjY4My0xMS4yNDFjLTYuNTc4LTUuMDY1LTE1LjQwMy01LjIyNi0xNi44NjktNS40NTEtMS40NjYtLjIxNy0zLjY2NS0uNTU2LTMuNjY1LS41NTZzMy41NDMgOC4yIDEwLjg1NCAxMy4zODhjNy4zMTMgNS4xNzggMTYuMzYzIDMuODYgMTYuMzYzIDMuODZ6TTE5LjAzMSAxMzMuNjYxYy01LjQ5OC02LjIxNC0xNC4xNDUtOC4wNC0xNS41MzUtOC41My0xLjQtLjQ5OS0zLjQ5Ni0xLjI1My0zLjQ5Ni0xLjI1M3MxLjkzNiA4LjczNyA4LjEzOSAxNS4yMDVjNi4xOTMgNi40NjggMTUuMzI4IDYuODgyIDE1LjMyOCA2Ljg4MnMxLjA2Mi02LjA4Mi00LjQzNi0xMi4zMDR6TTE2Ljc4NSAxMTUuMzAzczIuNjY5LTUuNTY0LS45MzktMTMuMDQ5Yy0zLjYtNy40ODUtMTEuNDE5LTExLjU5LTEyLjYzMi0xMi40NDYtMS4yMDMtLjg2Ni0zLjAxNy0yLjE1Ni0zLjAxNy0yLjE1NnMtLjUxOCA4LjkzNSAzLjY5MyAxNi44NDNjNC4yMTIgNy45MTcgMTIuODk1IDEwLjgwOCAxMi44OTUgMTAuODA4ek0xOC40OTUgODNzNC40MTctNC4zMDIgMy42MDktMTIuNTY4Yy0uODE3LTguMjc1LTYuNzU4LTE0LjgxOC03LjU5NC0xNi4wNDNsLTIuMDk2LTMuMDZzLTMuNTQzIDguMi0yLjMxMiAxNy4wODhjMS4yNDIgOC44NzggOC4zOTMgMTQuNTgzIDguMzkzIDE0LjU4M3pNMzQuMTI1IDQzLjE0OGMxLjI3OC04LjIxLTIuODI5LTE2LjA0My0zLjMzNy0xNy40MzctLjUwNy0xLjQwMi0xLjI2OS0zLjQ5My0xLjI2OS0zLjQ5M3MtNS40NzkgNy4wNjItNi41MDQgMTUuOTY4Yy0xLjAyMyA4LjkwNiA0LjQ3NSAxNi4yMzEgNC40NzUgMTYuMjMxczUuMzU3LTMuMDYgNi42MzUtMTEuMjY5ek01MC45NTcgMjEuNDI5YzMuMDA4LTcuNzM5LjY4Ny0xNi4yNzguNDg5LTE3Ljc0N2wtLjQ4OS0zLjY4MnMtNi44NyA1LjcxNS05Ljc4MyAxNC4xODhjLTIuOTE0IDguNDgyLjg4MyAxNi44MTQuODgzIDE2LjgxNHM1Ljg5My0xLjgzNSA4LjktOS41NzN6TTc0LjQxNSAxODIuMTg0cy4xNyA3LjY4MyA0LjMxNCAxNC4xNzljNC4xMzUgNi40OTYgMTEuNzY3IDguMzg5IDExLjc2NyA4LjM4OXMxLjkxNy00Ljk1Mi0xLjY4My0xMS4xMTljLTMuNTktNi4xNjctMTAuNTYzLTkuMTUxLTExLjY2My05LjgxMS0xLjA4OS0uNjUtMi43MzUtMS42MzgtMi43MzUtMS42Mzh6TTYzLjM4MiAxOTAuMDkyczMuMTc3LTMuODk3IDIuMzIxLTEwLjk4NmMtLjg1NS03LjA5LTYuMDcxLTEyLjYwNi02LjgxMy0xMy42NDMtLjc0My0xLjA0NS0xLjg2MS0yLjU5OS0xLjg2MS0yLjU5OXMtMi44OTUgNy4xMTctMS42NzMgMTQuNzI1YzEuMjMxIDcuNjA4IDguMDI2IDEyLjUwMyA4LjAyNiAxMi41MDN6TTQ5LjE5OSAxNTguOTM5YzEuMDE2LTcuMDctMi41ODQtMTMuNzU1LTMuMDM1LTE0Ljk1LS40NDEtMS4xOTYtMS4xMTgtMi45ODQtMS4xMTgtMi45ODRzLTQuNjQzIDYuMTEtNS40NDEgMTMuNzgyYy0uOCA3LjY2NCA0LjQ5MiAxNC4xNiA0LjQ5MiAxNC4xNnM0LjA3OC0yLjkzOCA1LjEwMi0xMC4wMDh6TTM4LjMyNSAxMzIuNzY2YzIuODItNi41NjIgMS4wODItMTMuOTUyLjk2LTE1LjIyM2wtLjMxMS0zLjE4MnMtNi4wNzEgNC42OTctOC44MzUgMTEuODljLTIuNzUzIDcuMTkyLjY1OCAxNC44MzcuNjU4IDE0LjgzN3M0LjcxLTEuNzY5IDcuNTI4LTguMzIyek0zNC42MjMgMTA2Ljg2N2M0LjU3Ny01LjQ3MSA1LjAxOS0xMy4wNTkgNS4yNzItMTQuMzExbC42MS0zLjEzNnMtNy4xNjEgMi43NTktMTEuODYgOC44NTljLTQuNjk4IDYuMTAyLTMuNjA4IDE0LjQxNC0zLjYwOCAxNC40MTRzNS4wMTktLjM0NyA5LjU4Ni01LjgyNnpNNTEuNDM3IDY3LjkzN3MtNy42NTktLjM3Ni0xNC40MTcgMy4zMDVjLTYuNzU4IDMuNjcyLTkuMTE2IDExLjcyMi05LjExNiAxMS43MjJzNC43MjggMS43MDQgMTEuMTE4LTEuNDVjNi40LTMuMTUzIDkuODY4LTkuOTEzIDEwLjU5Mi0xMC45NTkuNzMyLTEuMDQ2IDEuODIzLTIuNjE4IDEuODIzLTIuNjE4ek02MS43MzYgNDcuNzk5Yy45MjItLjg4NSAyLjI5NC0yLjIxMiAyLjI5NC0yLjIxMnMtNy40NDMtMS44NDYtMTQuNzgzLjQ2MWMtNy4zNDEgMi4zMDctMTEuMTk0IDkuNzU0LTExLjE5NCA5Ljc1NHM0LjMxNCAyLjU4OSAxMS4xOTQuNzE1YzYuODc5LTEuODY0IDExLjU3OC03LjgzMyAxMi40ODktOC43MTh6TTczLjU1MSAyOC4xODhsMi4yMjgtMi4xODVzLTcuMjkzLTEuNzUxLTE0LjQ0NS41NDZjLTcuMTYyIDIuMjk4LTEwLjg4NCA5LjU5NC0xMC44ODQgOS41OTRzNC4yMjkgMi41MDQgMTAuOTM5LjY0MWM2LjcxMS0xLjg2NCAxMS4yNjktNy43MyAxMi4xNjItOC41OTZ6TTEyNi45NjEgMjMzLjc2N2MtNC4yNzYtMTQuMTc5LTE4LjE2Ny0xOS4yMjUtMzIuMDAxLTI0LjE1OC0xNy41MTktNi4yNTEtMjcuMzQtMTEuMjg4LTQwLjk1OC0yNC42NDctMTMuNTMzLTEzLjI3NC0yMy4xNjctMjkuNzctMjcuNzUzLTQ5LjE3My01LjMwMS0yMi40MzUtMy43NzgtNTAuNDU0IDQuNDA3LTcyLjAzMiA4LjIxMS0yMS42MzEgMjEuNzE3LTM2Ljc2OSAzMi4xMDctNDUuNzgyIDEuOTM1LS4yMzkgNy40ODItMS4xNzggMTIuMDU2LTQuNDA3IDUuNjM5LTMuOTkyIDguMjg5LTEyLjYyNSA4LjI4OS0xMi42MjVzLTIuMTM0IDAtNi4xIDEuMjUxYy03LjQ1OCAyLjMzNi0xNC43MSA2LjU5LTE0LjkzMSAxNS40NS0xNS40NiAxMy4wNTYtMzcuNzU1IDM5LjYzMS00MC42MzkgODAuMjc5LTIuNzI2IDM4LjQ2OCAxMS4wMjQgNzUuODYzIDQyLjExMyA5OS4zMDYgOC41NjIgNi40NTggMTcuMTYxIDExLjEzOCAzMC44MzYgMTYuMjY5IDUuMzAxIDEuOTk2IDE2LjkwNyA2LjY1NiAyMS4yMTIgMTEuOTY2IDQuMzEzIDUuMzEgNS42MzkgOS42MzIgNS42MzkgOS42MzIuNTczIDEuODcyIDYuMjg2LjU0NSA1LjcyMy0xLjMyOXoiLz48L2c+PC9zdmc+Cg==)
}

.b-portfolio-reward:after {
    right: 0;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjciIGhlaWdodD0iMjM2IiB2aWV3Qm94PSIwIDAgMTI3IDIzNiI+PGcgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiNGRkYiPjxwYXRoIGQ9Ik01My4xMiAyMTAuODMzYzguMjktLjMyOSAxNS41ODMgNC42NTEgMTYuOTA4IDUuMzE5IDEuMzI1LjY1OSAzLjMxNyAxLjY1NyAzLjMxNyAxLjY1N3MtNy42MzIgNC42NTEtMTYuNTc5IDQuNjUxYy04Ljk1NiAwLTE1LjU4Mi02LjMwOS0xNS41ODItNi4zMDlzMy42NDctNC45OCAxMS45MzYtNS4zMTh6TTc4LjIzMiAxODkuOGM4LjAxNy0yLjEzNyAxNi4yMjIgMS4xNCAxNy42NiAxLjQ5N2wzLjU5OS44OTVzLTYuNDM4IDYuMjA0LTE1LjE3OCA4LjE1M2MtOC43MzEgMS45NTgtMTYuNTc5LTIuNzU5LTE2LjU3OS0yLjc1OXMyLjQ4Mi01LjY1OCAxMC40OTgtNy43ODZ6TTg5LjU4NiAxNzUuNTk0cy4xMTItNi4xNzcgNi42ODMtMTEuMjQxYzYuNTc4LTUuMDY1IDE1LjQwMy01LjIyNiAxNi44NjktNS40NTEgMS40NjYtLjIxNyAzLjY2NS0uNTU2IDMuNjY1LS41NTZzLTMuNTQzIDguMi0xMC44NTQgMTMuMzg4Yy03LjMxMyA1LjE3OC0xNi4zNjMgMy44Ni0xNi4zNjMgMy44NnpNMTA3Ljk2OSAxMzMuNjYxYzUuNDk4LTYuMjE0IDE0LjE0NS04LjA0IDE1LjUzNS04LjUzIDEuNC0uNDk4IDMuNDk2LTEuMjUyIDMuNDk2LTEuMjUycy0xLjkzNiA4LjczNy04LjEzOSAxNS4yMDVjLTYuMTkzIDYuNDY4LTE1LjMyOCA2Ljg4Mi0xNS4zMjggNi44ODJzLTEuMDYyLTYuMDgzIDQuNDM2LTEyLjMwNXpNMTEwLjIxNSAxMTUuMzAzcy0yLjY2OS01LjU2NC45MzktMTMuMDQ5YzMuNi03LjQ4NSAxMS40MTktMTEuNTkgMTIuNjMyLTEyLjQ0NiAxLjIwMy0uODY2IDMuMDE3LTIuMTU2IDMuMDE3LTIuMTU2cy41MTggOC45MzUtMy42OTMgMTYuODQzYy00LjIxMiA3LjkxNy0xMi44OTUgMTAuODA4LTEyLjg5NSAxMC44MDh6TTEwOC41MDUgODNzLTQuNDE3LTQuMzAyLTMuNjA5LTEyLjU2OGMuODE3LTguMjc1IDYuNzU4LTE0LjgxOCA3LjU5NC0xNi4wNDNsMi4wOTYtMy4wNnMzLjU0MyA4LjIgMi4zMTIgMTcuMDg4Yy0xLjI0MiA4Ljg3OC04LjM5MyAxNC41ODMtOC4zOTMgMTQuNTgzek05Mi44NzUgNDMuMTQ4Yy0xLjI3OC04LjIxIDIuODI5LTE2LjA0MyAzLjMzNy0xNy40MzcuNTA3LTEuNDAyIDEuMjY5LTMuNDkzIDEuMjY5LTMuNDkzczUuNDc5IDcuMDYyIDYuNTA0IDE1Ljk2OGMxLjAyMyA4LjkwNi00LjQ3NSAxNi4yMzEtNC40NzUgMTYuMjMxcy01LjM1Ny0zLjA2LTYuNjM1LTExLjI2OXpNNzYuMDQzIDIxLjQyOWMtMy4wMDgtNy43MzktLjY4Ny0xNi4yNzgtLjQ4OS0xNy43NDdsLjQ4OS0zLjY4MnM2Ljg3IDUuNzE1IDkuNzgzIDE0LjE4OGMyLjkxNCA4LjQ4Mi0uODgzIDE2LjgxNC0uODgzIDE2LjgxNHMtNS44OTMtMS44MzUtOC45LTkuNTczek01Mi41ODUgMTgyLjE4NHMtLjE3IDcuNjgzLTQuMzE0IDE0LjE3OWMtNC4xMzUgNi40OTYtMTEuNzY3IDguMzg5LTExLjc2NyA4LjM4OXMtMS45MTctNC45NTIgMS42ODMtMTEuMTE5YzMuNTktNi4xNjcgMTAuNTYzLTkuMTUxIDExLjY2My05LjgxMSAxLjA4OS0uNjUgMi43MzUtMS42MzggMi43MzUtMS42Mzh6TTYzLjYxOCAxOTAuMDkycy0zLjE3Ny0zLjg5Ny0yLjMyMS0xMC45ODZjLjg1NS03LjA5IDYuMDcxLTEyLjYwNiA2LjgxMy0xMy42NDMuNzQzLTEuMDQ1IDEuODYxLTIuNTk5IDEuODYxLTIuNTk5czIuODk1IDcuMTE3IDEuNjczIDE0LjcyNWMtMS4yMzEgNy42MDgtOC4wMjYgMTIuNTAzLTguMDI2IDEyLjUwM3pNNzcuODAxIDE1OC45MzljLTEuMDE2LTcuMDcgMi41ODQtMTMuNzU1IDMuMDM1LTE0Ljk1LjQ0MS0xLjE5NiAxLjExOC0yLjk4NCAxLjExOC0yLjk4NHM0LjY0MyA2LjExIDUuNDQxIDEzLjc4MmMuOCA3LjY2NC00LjQ5MiAxNC4xNi00LjQ5MiAxNC4xNnMtNC4wNzgtMi45MzgtNS4xMDItMTAuMDA4ek04OC42NzUgMTMyLjc2NmMtMi44Mi02LjU2Mi0xLjA4Mi0xMy45NTItLjk2LTE1LjIyM2wuMzExLTMuMTgyczYuMDcxIDQuNjk3IDguODM1IDExLjg5YzIuNzUzIDcuMTkyLS42NTggMTQuODM3LS42NTggMTQuODM3cy00LjcxLTEuNzY5LTcuNTI4LTguMzIyek05Mi4zNzcgMTA2Ljg2N2MtNC41NzctNS40NzEtNS4wMTktMTMuMDU5LTUuMjcyLTE0LjMxMWwtLjYxLTMuMTM2czcuMTYxIDIuNzU5IDExLjg2IDguODU5YzQuNjk4IDYuMTAyIDMuNjA4IDE0LjQxNCAzLjYwOCAxNC40MTRzLTUuMDE5LS4zNDctOS41ODYtNS44MjZ6TTc1LjU2MyA2Ny45MzdzNy42NTktLjM3NiAxNC40MTcgMy4zMDVjNi43NTggMy42NzIgOS4xMTYgMTEuNzIyIDkuMTE2IDExLjcyMnMtNC43MjggMS43MDQtMTEuMTE4LTEuNDVjLTYuNC0zLjE1My05Ljg2OC05LjkxMy0xMC41OTItMTAuOTU5LS43MzItMS4wNDYtMS44MjMtMi42MTgtMS44MjMtMi42MTh6TTY1LjI2NCA0Ny43OTljLS45MjItLjg4NS0yLjI5NC0yLjIxMi0yLjI5NC0yLjIxMnM3LjQ0My0xLjg0NiAxNC43ODMuNDYxYzcuMzQxIDIuMzA3IDExLjE5NCA5Ljc1NCAxMS4xOTQgOS43NTRzLTQuMzE0IDIuNTg5LTExLjE5NC43MTVjLTYuODc5LTEuODY0LTExLjU3OC03LjgzMy0xMi40ODktOC43MTh6TTUzLjQ0OSAyOC4xODhsLTIuMjI4LTIuMTg1czcuMjkzLTEuNzUxIDE0LjQ0NS41NDZjNy4xNjIgMi4yOTggMTAuODg0IDkuNTk0IDEwLjg4NCA5LjU5NHMtNC4yMjkgMi41MDQtMTAuOTM5LjY0MWMtNi43MTEtMS44NjQtMTEuMjY5LTcuNzMtMTIuMTYyLTguNTk2ek0uMDM5IDIzMy43NjdjNC4yNzYtMTQuMTc5IDE4LjE2Ny0xOS4yMjUgMzIuMDAxLTI0LjE1OCAxNy41MTktNi4yNTEgMjcuMzQtMTEuMjg4IDQwLjk1OC0yNC42NDcgMTMuNTMzLTEzLjI3NCAyMy4xNjctMjkuNzcgMjcuNzUzLTQ5LjE3MyA1LjMwMS0yMi40MzUgMy43NzgtNTAuNDU0LTQuNDA3LTcyLjAzMi04LjIxMS0yMS42MzEtMjEuNzE3LTM2Ljc2OS0zMi4xMDctNDUuNzgyLTEuOTM1LS4yMzktNy40ODItMS4xNzgtMTIuMDU2LTQuNDA3LTUuNjM5LTMuOTkyLTguMjg5LTEyLjYyNS04LjI4OS0xMi42MjVzMi4xMzQgMCA2LjEgMS4yNTFjNy40NTkgMi4zMzcgMTQuNzExIDYuNTkxIDE0LjkzMiAxNS40NSAxNS40NiAxMy4wNTcgMzcuNzU1IDM5LjYzMiA0MC42NCA4MC4yNzkgMi43MjYgMzguNDY4LTExLjAyNCA3NS44NjMtNDIuMTEzIDk5LjMwNi04LjU2MiA2LjQ1OC0xNy4xNjEgMTEuMTM4LTMwLjgzNiAxNi4yNjktNS4zMDEgMS45OTYtMTYuOTA3IDYuNjU2LTIxLjIxMiAxMS45NjYtNC4zMTMgNS4zMS01LjYzOSA5LjYzMi01LjYzOSA5LjYzMi0uNTc1IDEuODcyLTYuMjg4LjU0NS01LjcyNS0xLjMyOXoiLz48L2c+PC9zdmc+Cg==)
}

.b-portfolio-detailed-outro {
    padding:80px 0 0
}

.b-portfolio-detailed-outro__text {
    max-width: 75%;
    font-size: 17px;
    line-height: 25px;
    margin:0 auto
}

.b-portfolio-detailed-outro__image {
    margin:60px 0
}