html {
    background: #fff;
    box-sizing: border-box;
    font-family: "din_regular", Helvetica, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

html body,
html button,
html input,
html select,
html textarea {
    font-family: "din_regular", Helvetica, sans-serif;
}

html body {
    overflow-x: hidden;
}

html .hentry,
html .page-content,
html .entry-content,
html .entry-summary {
    margin: 0;
}

html .posts-navigation .nav-links a,
html .button {
    background: #ca0b0f;
    border-radius: 5px;
    box-shadow: none !important;
    color: #fff;
    display: inline-block;
    font-family: "din_bold", Helvetica, sans-serif;
    font-size: 15px;
    font-weight: normal;
    letter-spacing: .9px;
    line-height: 100%;
    margin: 0 0 10px;
    padding: 13px 25px;
    text-decoration: none;
    text-shadow: none;
    text-transform: uppercase;
}

html .posts-navigation .nav-links a.hollow,
html .button.hollow {
    background: #fff;
    border: 2px solid #ca0b0f;
    color: #ca0b0f;
    padding: 11px 23px;
}

html .posts-navigation .nav-links a:hover,
html .posts-navigation .nav-links a:active,
html .button:hover,
html .button:active {
    box-shadow: none !important;
}

html .home {
    background: #edecec;
}

html .home .hentry .entry-header {
    display: none;
}

@font-face {
    font-family: 'din_bold';
    src: url("webfonts/din-bold-webfont.eot");
    src: url("webfonts/din-bold-webfontd41d.eot?#iefix") format("embedded-opentype"), url("webfonts/din-bold-webfont.woff") format("woff"), url("webfonts/din-bold-webfont.ttf") format("truetype"), url("webfonts/din-bold-webfont.svg#dinbold") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'din_regular';
    src: url("webfonts/din-regular-webfont.eot");
    src: url("webfonts/din-regular-webfontd41d.eot?#iefix") format("embedded-opentype"), url("webfonts/din-regular-webfont.woff") format("woff"), url("webfonts/din-regular-webfont.ttf") format("truetype"), url("webfonts/din-regular-webfont.svg#dinregular") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'din_italic';
    src: url("webfonts/din-reg-italic-webfont.eot");
    src: url("webfonts/din-reg-italic-webfontd41d.eot?#iefix") format("embedded-opentype"), url("webfonts/din-reg-italic-webfont.woff") format("woff"), url("webfonts/din-reg-italic-webfont.ttf") format("truetype"), url("webfonts/din-reg-italic-webfont.svg#dinreg-italic") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'din_medium';
    src: url("webfonts/din-medium-webfont.eot");
    src: url("webfonts/din-medium-webfontd41d.eot?#iefix") format("embedded-opentype"), url("webfonts/din-medium-webfont.woff") format("woff"), url("webfonts/din-medium-webfont.ttf") format("truetype"), url("webfonts/din-medium-webfont.svg#dinmedium") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'din_black';
    src: url("webfonts/din-black-webfont.html");
    src: url("webfonts/din-black-webfontd41d.html?#iefix") format("embedded-opentype"), url("webfonts/din-black-webfont-2.html") format("woff"), url("webfonts/din-black-webfont.ttf") format("truetype"), url("webfonts/din-black-webfont.svg#dinblack") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'dinbold_italic';
    src: url("webfonts/din-bold-italic-webfont.html");
    src: url("webfonts/din-bold-italic-webfontd41d.html?#iefix") format("embedded-opentype"), url("webfonts/din-bold-italic-webfont-2.html") format("woff"), url("webfonts/din-bold-italic-webfont.ttf") format("truetype"), url("webfonts/din-bold-italic-webfont.svg#dinbold-italic") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'dinmedium_italic';
    src: url("webfonts/din-medium-italic-webfont.eot");
    src: url("webfonts/din-medium-italic-webfontd41d.eot?#iefix") format("embedded-opentype"), url("webfonts/din-medium-italic-webfont.woff") format("woff"), url("webfonts/din-medium-italic-webfont.ttf") format("truetype"), url("webfonts/din-medium-italic-webfont.svg#dinmedium-italic") format("svg");
    font-weight: normal;
    font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    @font-face {
        font-family: 'din_bold';
        src: url("webfonts/din-bold-webfont.svg#dinbold") format("svg");
    }
    @font-face {
        font-family: 'din_regular';
        src: url("webfonts/din-regular-webfont.svg#dinregular") format("svg");
    }
    @font-face {
        font-family: 'din_italic';
        src: url("webfonts/din-reg-italic-webfont.svg#dinreg-italic") format("svg");
    }
    @font-face {
        font-family: 'din_medium';
        src: url("webfonts/din-medium-webfont.svg#dinmedium") format("svg");
    }
    @font-face {
        font-family: 'din_black';
        src: url("webfonts/din-black-webfont.svg#dinblack") format("svg");
    }
    @font-face {
        font-family: 'dinbold_italic';
        src: url("webfonts/din-bold-italic-webfont.svg#dinbold-italic") format("svg");
    }
    @font-face {
        font-family: 'dinmedium_italic';
        src: url("webfonts/din-medium-italic-webfont.svg#dinmedium-italic") format("svg");
    }
}

.site-header {
    background: url("../_img/bg-header.png") left top repeat-x;
    display: block;
    left: 0;
    min-height: 130px;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 1000;
}

@media screen and (max-width: 767px) {
    .site-header {
        background-size: contain;
        min-height: 80px;
        position: absolute;
    }
    .site-header .main-navigation .nav-panel .nav-search-holder .nav-search ul.menu li a {
        padding: 24px 25px 24px 25px !important;
    }
}

.site-header .site-branding p {
    margin: 0;
}

.site-header .site-branding p.site-title a {
    background: url("../_img/logo-white.svg") center center/contain no-repeat;
    display: block;
    height: 79px;
    left: 4%;
    padding: 11px 0;
    position: absolute;
    text-indent: -10000px;
    top: 4px;
    width: 170px;
    z-index: 10;
}

@media screen and (max-width: 654px) {
    .site-header .site-branding p.site-title a {
        top: 10px;
    }
}

@media screen and (max-width: 654px) {
    .toggled .site-header .site-branding p.site-title a {
        background-image: url("../_img/logo-grayblue.svg");
    }
}

.site-header .site-branding p.site-description {
    display: none;
}

.site-header .main-navigation .menu-toggle {
    background: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;
    display: block;
    height: 26px;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 3%;
    text-align: left;
    text-indent: -10000px;
    text-shadow: none;
    top: 22px;
    width: 21px;
    z-index: 10;
}

.site-header .main-navigation .menu-toggle:after {
    background: transparent;
    color: #fff;
    content: 'Menu';
    display: block;
    font-family: "din_bold", Helvetica, sans-serif;
    font-size: 9px;
    font-weight: normal;
    left: -38px;
    height: 9px;
    letter-spacing: 1.3px;
    line-height: 100%;
    margin: -4px 0 0;
    position: absolute;
    text-align: left;
    text-indent: 0;
    text-transform: uppercase;
    top: 50%;
}

.site-header .main-navigation .menu-toggle span {
    border: 4px solid #fff;
    border-left: none;
    border-right: none;
    display: block;
    height: 26px;
    left: 0;
    position: absolute;
    top: 0;
    transition: all .5s ease;
    width: 21px;
}

.site-header .main-navigation .menu-toggle span:before {
    background: #fff;
    content: '';
    height: 4px;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 7px;
    transition: all .5s ease;
    visibility: hidden;
    width: 21px;
}

.site-header .main-navigation .menu-toggle span:after {
    background: #fff;
    content: '';
    height: 4px;
    left: 0;
    position: absolute;
    top: 7px;
    transition: all .5s ease;
    width: 21px;
}

.site-header .main-navigation.toggled .menu-toggle:after {
    color: #333;
}

.site-header .main-navigation.toggled .menu-toggle span {
    border-color: rgba(255, 255, 255, 0);
}

.site-header .main-navigation.toggled .menu-toggle span:before {
    background: #ff733a;
    opacity: 1;
    transform: rotate(-45deg);
    visibility: visible;
}

.site-header .main-navigation.toggled .menu-toggle span:after {
    background: #ff733a;
    transform: rotate(45deg);
}

.site-header .main-navigation.toggled .nav-panel {
    left: 0;
    right: 0;
}

.site-header .main-navigation .nav-panel {
    background: url(../_img/bg-nav.jpg) center center/cover no-repeat;
    bottom: 0;
    display: block;
    height: 100%;
    width: 100%;
    left: -100vw;
    position: fixed;
    right: 100vw;
    top: 0;
    transition: left 0.5s ease-in-out, right 0.5s ease-in-out;
}

.site-header .main-navigation .nav-panel .nav-search-holder {
    bottom: 0;
    display: block;
    left: 61.80555556%;
    position: absolute;
    right: 0;
    top: 0;
}



.site-header .main-navigation .nav-panel .nav-search-holder:before {
    bottom: 0;
    content: '';
    left: 0;
    opacity: .92;
    position: absolute;
    right: 0;
    top: 0;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.81+0,1+91 */
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0.81) 0%, white 91%, white 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.81) 0%, white 91%, white 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(255, 255, 255, 0.81) 0%, white 91%, white 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfffffff', endColorstr='#ffffff', GradientType=1);
    /* IE6-9 */
}

.site-header .main-navigation .nav-panel .nav-search-holder .nav-search {
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.site-header .main-navigation .nav-panel .nav-search-holder .nav-search ul.menu {
    display: block;
    list-style: none;
    margin: 0;
    padding: 80px 0 0;
    height: 85vh;
    overflow-y: auto;
    position: relative;
}
/*.site-header .main-navigation .nav-panel .nav-search-holder .nav-search ul.menu li.menu-item-has-children a:hover:after {
    transform: translateY(-50%) rotate(90deg);
}*/
.site-header .main-navigation .nav-panel .nav-search-holder .nav-search ul.menu li:hover{
	background: rgba(255, 255, 255, 0.6);
}
.site-header .main-navigation .nav-panel .nav-search-holder .nav-search ul.menu li.current-menu-item{
	background: rgba(255, 255, 255, 0.6);
}
.site-header .main-navigation .nav-panel .nav-search-holder .nav-search ul.menu li {
    display: block;
    float: left;
    width: 100%;
    position: relative;
}

.site-header .main-navigation .nav-panel .nav-search-holder .nav-search ul.menu li a {
    border-left: 6px solid rgba(255, 255, 255, 0);
    color: #333;
    display: block;
    font-family: "din_medium", Helvetica, sans-serif;
    font-size: 25px;
    letter-spacing: .3px;
    line-height: 100%;
    margin-left: 0;
    padding: 24px 36px;
    text-decoration: none;
    text-transform: uppercase;
    transition: all .5s ease;
    width: 80% !important;
    position: relative;
}
.site-header .main-navigation .nav-panel .nav-search-holder .nav-search ul.menu li ul.sub-menu li a {
    padding: 24px 15px 24px 45px;
}

@media screen and (max-height: 600px) {
    .site-header .main-navigation .nav-panel .nav-search-holder .nav-search ul.menu li a {
        font-size: 16px;
        margin-left: 0;
        padding: 12px 24px;
        width: 80%;
    }
}
@media screen and (max-width: 1024px) {
    .site-header .main-navigation .nav-panel .nav-search-holder .nav-search ul.menu li a {
        font-size: 25px;
        margin-left: 0;
        padding: 24px 36px;
    }
}
@media screen and (max-width: 600px) {
    .site-header .main-navigation .nav-panel .nav-search-holder .nav-search ul.menu li a {
        font-size: 16px;
        margin-left: 0;
        padding: 12px 24px;
        width: 80%;
    }
}

@media screen and (max-width: 980px) {
    /*.site-header .main-navigation .nav-panel .nav-search-holder .nav-search {
        top: 0%;
        transform: translateY(-0%);
    }*/
    
    .site-header .main-navigation .nav-panel .nav-search-holder {
        left: 50%;
    }
    .site-header .main-navigation .nav-panel .nav-search-holder .nav-search ul.menu {
        padding: 100px 0 0;
        height: 85vh;
        overflow-y: scroll;
    }
}

@media screen and (max-width: 654px) {
    .site-header .main-navigation .nav-panel .nav-search-holder {
        left: 0;
    }
    .site-header .site-branding p.site-title a {
        z-index: 0;
    }
}

/*.site-header .main-navigation .nav-panel .nav-search-holder .nav-search ul.menu li a:hover,
.site-header .main-navigation .nav-panel .nav-search-holder .nav-search ul.menu li a:active {
    background: rgba(255, 255, 255, 0.6);
    border-left: 6px solid #ff733a;
}*/

.site-header .main-navigation .nav-panel .nav-search-holder .nav-search ul.menu li a:hover,
.site-header .main-navigation .nav-panel .nav-search-holder .nav-search ul.menu li a:active {
    background: rgba(255, 255, 255, 0.6);
    border-left: 6px solid #ff733a;
}
/*.site-header .main-navigation .nav-panel .nav-search-holder .nav-search ul.sub-menu li:hover,
.site-header .main-navigation .nav-panel .nav-search-holder .nav-search ul.sub-menu li.current-menu-item {
    background: rgba(255, 255, 255, 0.6);
    border-left: 0px solid #ff733a;
}*/
.site-header .main-navigation .nav-panel .nav-search-holder .nav-search ul.menu li.menu-item-has-children:hover a:after {
    transform: translateY(-50%) rotate(90deg);
}

.site-header .main-navigation .nav-panel .nav-search-holder .nav-search ul.menu li.menu-item-has-children a:hover:after,
.site-header .main-navigation .nav-panel .nav-search-holder .nav-search ul.menu li.menu-item-has-children a:active:after,
.site-header .main-navigation .nav-panel .nav-search-holder .nav-search ul.menu li.current-menu-item.menu-item-has-children ul.sub-menu li a:hover:after {
    opacity: 1;
    right: -30px;
}

@media screen and (max-width: 600px) {
    .site-header .main-navigation .nav-panel .nav-search-holder .nav-search ul.menu li.menu-item-has-children a:hover:after,
    .site-header .main-navigation .nav-panel .nav-search-holder .nav-search ul.menu li.menu-item-has-children a:active:after {
        right: -30px;
    }
}

.site-header .main-navigation .nav-panel .nav-search-holder .nav-search ul.menu li.menu-item-has-children a:after {
    background: url("../_img/icon-arrow.png") center center/contain no-repeat;
    content: '';
    display: block;
    height: 25px;
    opacity: 1 !important;
    position: absolute;
    right: -35px;
    top: 50%;
    transform: translateY(-50%);
    transition: all .5s ease;
    width: 22px;
    pointer-events: none;
}

@media screen and (max-width: 600px) {
    .site-header .main-navigation .nav-panel .nav-search-holder .nav-search ul.menu li.menu-item-has-children a:after {
        height: 16px;
        right: -35px;
    }
}

/*.site-header .main-navigation .nav-panel .nav-search-holder .nav-search ul.menu li.current-menu-item a {
    background: rgba(255, 255, 255, 0.6);
    border-left: 6px solid #ff733a;
}*/

.site-header .main-navigation .nav-panel .nav-search-holder .nav-search ul.menu ul.sub-menu li a:after {
    opacity: 0 !important;
}
.site-header .main-navigation .nav-panel .nav-search-holder .nav-search ul.menu ul.sub-menu li.menu-item-has-children a:after{
	opacity: 1 !important;
}

.site-header .main-navigation .nav-panel .nav-search-holder .nav-search ul.menu li .sub-menu {
	/*animation: smoothScroll 1s forwards;*/
    display: block;
    width: 100%;
    transition: all 1s ease-out;
    max-height: 0;
    overflow: hidden;
}

.site-header .main-navigation .nav-panel .nav-search-holder .nav-search .search-form-holder {
    padding: 24px 76px;
    float: left;
    width: 100%;
}

.site-header .main-navigation .menu-toggle,
.site-header .main-navigation.toggled .nav-panel .nav-search-holder .nav-search  ul.menu li:hover .sub-menu {
   /*display: block;*/
   max-height: 244px;
   transition: all 1s ease-out;
}

@media screen and (max-width: 600px) {
    .site-header .main-navigation .nav-panel .nav-search-holder .nav-search .search-form-holder {
        padding: 12px 24px;
    }
}

.site-header .main-navigation .nav-panel .nav-search-holder .nav-search .search-form-holder .search-form {
    background: #f4f4f4;
    border: 2px solid #c2c2c2;
    position: relative;
}

.site-header .main-navigation .nav-panel .nav-search-holder .nav-search .search-form-holder .search-form label {
    display: block;
    width: 100%;
}

.site-header .main-navigation .nav-panel .nav-search-holder .nav-search .search-form-holder .search-form label .search-field {
    background: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;
    display: block;
    font-size: 21px;
    padding: 18px;
    width: 100%;
}

@media screen and (max-width: 600px) {
    .site-header .main-navigation .nav-panel .nav-search-holder .nav-search .search-form-holder .search-form label .search-field {
        padding: 8px;
    }
}

.site-header .main-navigation .nav-panel .nav-search-holder .nav-search .search-form-holder .search-form .search-submit {
    background: url("../_img/search.svg") center center/18px no-repeat;
    border: none;
    box-shadow: none;
    display: block;
    height: 68px;
    position: absolute;
    right: 0;
    text-align: left;
    text-indent: -10000px;
    text-shadow: none;
    top: 0;
    width: 68px;
}

@media screen and (max-width: 600px) {
    .site-header .main-navigation .nav-panel .nav-search-holder .nav-search .search-form-holder .search-form .search-submit {
        height: 50px;
        width: 50px;
    }
}

.site-header .main-navigation .nav-panel .widgets {
    display: block;
    left: 10.27777778%;
    position: absolute;
    top: 50%;
    transform: translateY(-40%);
    width: 46.52777778%;
}

@media screen and (max-width: 980px) {
    .site-header .main-navigation .nav-panel .widgets {
        left: 5%;
        width: 40%;
    }
}

@media screen and (max-width: 654px) {
    .site-header .main-navigation .nav-panel .widgets {
        display: none;
    }
}

.site-header .main-navigation .nav-panel .widgets .widget_recurrent_linkspeak_widget {
    display: inline-block;
    margin: .66666%;
    vertical-align: top;
    width: 48%;
}

@media screen and (max-width: 980px) {
    .site-header .main-navigation .nav-panel .widgets .widget_recurrent_linkspeak_widget {
        margin: 1% 0;
        width: 100%;
    }
}

.site-header .main-navigation .nav-panel .widgets .widget_recurrent_linkspeak_widget .rec_linkspeak {
    padding: 0;
}

.site-header .main-navigation .nav-panel .widgets .widget_recurrent_linkspeak_widget .rec_linkspeak a {
    border-left: 4px solid #ff733a;
    border-radius: 0;
    bottom: auto;
    left: auto;
    margin: 0;
    max-width: none;
    position: relative;
    right: auto;
    top: auto;
    transform: none;
    width: 100%;
}

.site-header .main-navigation .nav-panel .widgets .widget_recurrent_linkspeak_widget .rec_linkspeak a:before,
.site-header .main-navigation .nav-panel .widgets .widget_recurrent_linkspeak_widget .rec_linkspeak a:after {
    display: none;
}

.site-header .main-navigation .nav-panel .widgets .widget_recurrent_linkspeak_widget .rec_linkspeak a .icon {
    display: none;
}

.site-header .main-navigation .nav-panel .widgets .widget_recurrent_linkspeak_widget .rec_linkspeak a h2 {
    font-size: 22px;
}

.site-header .main-navigation .nav-panel .widgets .widget_recurrent_linkspeak_widget .rec_linkspeak a h2:before {
    display: none;
}

.site-header .main-navigation .nav-panel .widgets .widget_recurrent_linkspeak_widget .rec_linkspeak a h2.bold span {
    display: inline;
}

.site-header .main-navigation .nav-panel .widgets .widget_recurrent_linkspeak_widget .rec_linkspeak a h3 {
    font-size: 13px;
    margin-top: 43px;
}

@media screen and (max-height: 800px) {
    .site-header .main-navigation .nav-panel .widgets .widget_recurrent_linkspeak_widget .rec_linkspeak a h3 {
        margin-top: 15px;
    }
}

.site-header .main-navigation .nav-panel .widgets .widget_recurrent_linkspeak_widget .rec_linkspeak a .arrow {
    height: 17px;
    margin: 15px auto 14px;
    width: 17px;
}

@media screen and (max-height: 800px) {
    .site-header .main-navigation .nav-panel .widgets .widget_recurrent_linkspeak_widget .rec_linkspeak a .arrow {
        margin-top: 10px;
        height: 12px;
        margin-bottom: 0;
    }
}

.site-footer,
#content {
    overflow: hidden;
    transition: all .5s ease;
}

.site-footer:after,
#content:after {
    content: '';
    display: block;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    -webkit-transition: opacity 0.5s, visibility 0s 0.5s;
    transition: opacity 0.5s, visibility 0s 0.5s;
}

.toggled .site-footer,
.toggled #content {
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
}

.toggled .site-footer:after,
.toggled #content:after {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
}

.page.page-id-20 {
    background: #f1f1f1;
}

.page.page-id-16,
.page.page-id-14,
.page.page-id-22 {
    background: #eaeaea;
}

.page.page-id-8 .entry-header,
.page.page-id-10 .entry-header,
.page.page-id-14 .entry-header {
    height: 100vh;
}

.page .entry-header {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 80vh;
    position: relative;
}

.page .entry-header a.post.speak,
.page .entry-header h1.entry-title {
    background: #fff;
    border-radius: 5px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    border-right: 9px solid #fff;
    color: #0b2734;
    display: block;
    font-family: "din_regular", Helvetica, sans-serif;
    font-size: 37px;
    font-style: normal;
    font-weight: normal;
    left: 3%;
    letter-spacing: .45px;
    line-height: 126%;
    margin: 0;
    margin-right: 3%;
    max-width: 50%;
    padding: 2.0% 3.5% 1.5% 2.5%;
    position: absolute;
    text-decoration: none;
    text-transform: uppercase;
    top: 50%;
    transform: translateY(-50%);
}

@media screen and (max-width: 800px) {
    .page .entry-header a.post.speak,
    .page .entry-header h1.entry-title {
        max-width: 75%;
    }
    .toggled .site-footer, .toggled #content{
         -webkit-transform: translateX(0); 
         transform: translateX(0); 
    }
}

@media screen and (max-width: 600px) {
    .page .entry-header a.post.speak,
    .page .entry-header h1.entry-title {
        font-size: 24px;
    }
}

@media screen and (max-width: 400px) {
    .page .entry-header a.post.speak,
    .page .entry-header h1.entry-title {
        left: 20px;
        max-width: 90%;
        padding: 5% 4% 4%;
    }
}

.page .entry-header a.post.speak:before,
.page .entry-header h1.entry-title:before {
    background: url("../_img/inset-bevel-tall.svg") right center/9px no-repeat;
    bottom: 0;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    content: '';
    display: block;
    left: -9px;
    position: absolute;
    top: 0;
    width: 9px;
}

.page .entry-header a.post.speak .post-date,
.page .entry-header a.post.speak .subtitle,
.page .entry-header h1.entry-title .post-date,
.page .entry-header h1.entry-title .subtitle {
    color: #ff733a;
    display: block;
    font-family: "din_bold", Helvetica, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    letter-spacing: .5px;
    line-height: 100%;
    margin: 0 0 10px;
    text-transform: uppercase;
}

@media screen and (max-width: 800px) {
    .page .entry-header a.post.speak .post-date,
    .page .entry-header a.post.speak .subtitle,
    .page .entry-header h1.entry-title .post-date,
    .page .entry-header h1.entry-title .subtitle {
        font-size: 13px;
    }
}

@media screen and (max-width: 400px) {
    .page .entry-header a.post.speak .post-date,
    .page .entry-header a.post.speak .subtitle,
    .page .entry-header h1.entry-title .post-date,
    .page .entry-header h1.entry-title .subtitle {
        font-size: 11px;
        margin-top: 0;
    }
}

.page .entry-header a.post.speak strong,
.page .entry-header h1.entry-title strong {
    display: block;
    font-family: "din_bold", Helvetica, sans-serif;
    font-weight: normal;
}

.page-id-22.page .entry-header a.post.speak strong,
.page .entry-header h1.entry-title strong {
    display: inline;
}

.page .entry-header a.post.speak .title,
.page .entry-header h1.entry-title .title {
    display: block;
}

.page .entry-header a.post.speak .button,
.page .entry-header h1.entry-title .button {
    display: inline-block;
}

.page .entry-header a.post.speak {
    font-size: 32px;
    left: auto;
    margin: 0 0 0 3%;
    padding: 3% 3.5% 3% 4%;
    right: 3%;
}

.page .entry-header a.post.speak .title {
    display: block;
    margin: 8px 0 15px;
}

@media screen and (max-width: 600px) {
    .page .entry-header a.post.speak .title {
        font-size: 24px;
        line-height: 120%;
    }
}

.page .pr-wrapper {
    padding: 0 20px;
}

.page .pr-wrapper .wrapper {
    margin: -66px auto 0;
    min-height: 2500px;
    max-width: 1180px;
    position: relative;
}

@media screen and (max-width: 980px) {
    .page .pr-wrapper .wrapper {
        min-height: 0;
    }
}

@media screen and (max-width: 400px) {
    .page .pr-wrapper .wrapper {
        margin-top: 30px;
    }
}

.page .pr-wrapper .wrapper h2.news-header {
    background: url("../_img/icon-news.png") 7% center/37px no-repeat #fff;
    display: block;
    font: normal 18px/30px "din_medium", Helvetica, sans-serif;
    margin: 0;
    padding: 4% 7% 18px calc(7% + 55px);
    position: relative;
    text-transform: uppercase;
}

.page .pr-wrapper .wrapper h2.news-header:after {
    background: #e8e8e8;
    bottom: 0;
    content: '';
    display: block;
    height: 1px;
    left: 7%;
    position: absolute;
    right: 7%;
}

.page .pr-wrapper .wrapper h2.news-header .year-selector {
    background: #fff;
    border: 1.5px solid #333333;
    display: block;
    position: absolute;
    right: 20px;
    top: 16px;
    width: 165px;
    z-index: 10;
}

.page .pr-wrapper .wrapper h2.news-header .year-selector:after {
    border-color: #ff723a transparent transparent transparent;
    border-style: solid;
    border-width: 11px 8.5px 0 8.5px;
    content: '';
    display: block;
    height: 0;
    position: absolute;
    right: 20px;
    top: 14px;
    width: 0;
}

.page .pr-wrapper .wrapper h2.news-header .year-selector span {
    color: #666;
    cursor: pointer;
    display: none;
    font: normal 18px/140% "din_medium", Helvetica, sans-serif;
    letter-spacing: .3px;
    text-align: center;
    text-transform: uppercase;
}

.page .pr-wrapper .wrapper h2.news-header .year-selector span.active {
    background: url("../_img/icon-news-cal.png") 16px center/27px no-repeat;
    display: block;
    height: 42px;
    line-height: 42px;
}

.page .pr-wrapper .wrapper h2.news-header .year-selector span.selected {
    display: none;
}

.page .pr-wrapper .wrapper h2.news-header .year-selector.open span {
    display: block;
}

.page .pr-wrapper .wrapper h2.news-header .year-selector.open span.selected {
    display: none;
}

.page .pr-wrapper .wrapper .entry-content {
    display: block;
    padding-right: 416px;
}

@media screen and (max-width: 980px) {
    .page .pr-wrapper .wrapper .entry-content {
        padding-right: 310px;
    }
}

@media screen and (max-width: 767px) {
    .page .pr-wrapper .wrapper .entry-content {
        padding-right: 0;
    }
}

.page .pr-wrapper .wrapper .entry-content a.post {
    background: #fff;
    display: block;
    margin: 0 0 15px;
    text-decoration: none;
}

.page .pr-wrapper .wrapper .entry-content a.post .img-holder,
.page .pr-wrapper .wrapper .entry-content a.post img {
    display: inline-block;
    height: auto;
    vertical-align: top;
    width: 36.71028037%;
}

@media screen and (max-width: 400px) {
    .page .pr-wrapper .wrapper .entry-content a.post .img-holder,
    .page .pr-wrapper .wrapper .entry-content a.post img {
        display: block;
        width: 100%;
    }
}

.page .pr-wrapper .wrapper .entry-content a.post .details {
    display: inline-block;
    padding: 5% 7%;
    vertical-align: top;
    width: 63%;
}

@media screen and (max-width: 400px) {
    .page .pr-wrapper .wrapper .entry-content a.post .details {
        display: block;
        width: 100%;
    }
}

.page .pr-wrapper .wrapper .entry-content a.post .details .post-date {
    color: #ff733a;
    display: block;
    font-family: "din_bold", Helvetica, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    letter-spacing: .5px;
    line-height: 100%;
    margin: 6px 0 10px;
    text-transform: uppercase;
}

@media screen and (max-width: 800px) {
    .page .pr-wrapper .wrapper .entry-content a.post .details .post-date {
        font-size: 12px;
    }
}

@media screen and (max-width: 400px) {
    .page .pr-wrapper .wrapper .entry-content a.post .details .post-date {
        font-size: 10px;
        margin-top: 15px;
    }
}

.page .pr-wrapper .wrapper .entry-content a.post .details .title {
    color: #333;
    display: block;
    font-size: 26px;
    line-height: 130%;
    margin: 0 0 18px;
}

@media screen and (max-width: 980px) {
    .page .pr-wrapper .wrapper .entry-content a.post .details .title {
        font-size: 18px;
    }
}

.page .pr-wrapper .wrapper .entry-content a.post .details .button {
    font-size: 13px;
}

@media screen and (max-width: 800px) {
    .page .pr-wrapper .wrapper .entry-content a.post .details .button {
        font-size: 10px;
        padding: 10px 18px;
    }
}

.page .pr-wrapper .wrapper .entry-content a.post.no-img .details {
    width: 100%;
}

.page .pr-wrapper .wrapper .entry-content .actions {
    margin: 30px auto;
    text-align: center;
}

.page .pr-wrapper .wrapper .entry-content .actions a.more-press {
    border-bottom: 2px solid #ca0b0f;
    color: #ca0b0f;
    cursor: pointer;
    display: inline-block;
    font: normal 13px/100% "din_bold", Helvetica, sans-serif;
    letter-spacing: .9px;
    padding: 0 0 4px;
    text-decoration: none;
    text-transform: uppercase;
}

.page .pr-wrapper .wrapper .sidebar {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 380px;
}

@media screen and (max-width: 980px) {
    .page .pr-wrapper .wrapper .sidebar {
        width: 280px;
    }
}

@media screen and (max-width: 980px) {
    .page .pr-wrapper .wrapper .sidebar {
        position: relative;
        right: auto;
        top: auto;
        width: 100%;
    }
}

.page .pr-wrapper .wrapper .sidebar .widget.PI_SimpleTwitterTweets {
    background: #fff;
    padding: 30px 24px;
}

.page .pr-wrapper .wrapper .sidebar .widget.PI_SimpleTwitterTweets h2.widget-title {
    font-weight: normal;
    margin: 0;
    padding: 0 0 18px;
}

.page .pr-wrapper .wrapper .sidebar .widget.PI_SimpleTwitterTweets h2.widget-title a {
    background: url("../_img/icon-twitter.png") left center/contain no-repeat;
    color: #333;
    display: block;
    font: normal 18px/30px "din_medium", Helvetica, sans-serif;
    letter-spacing: .3px;
    padding-left: 54px;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
}

@media screen and (max-width: 980px) {
    .page .pr-wrapper .wrapper .sidebar .widget.PI_SimpleTwitterTweets h2.widget-title a {
        font-size: 16px;
        line-height: 24px;
        padding-left: 34px;
    }
}

.page .pr-wrapper .wrapper .sidebar .widget.PI_SimpleTwitterTweets h2.widget-title a:after {
    background: #464646;
    color: #fff;
    content: '+ Follow Us';
    font: normal 11px/100% "din_bold", Helvetica, sans-serif;
    letter-spacing: .5px;
    padding: 7px 14px 5px;
    position: absolute;
    right: -34px;
    text-transform: uppercase;
}

@media screen and (max-width: 1200px) {
    .page .pr-wrapper .wrapper .sidebar .widget.PI_SimpleTwitterTweets h2.widget-title a:after {
        right: -14px;
    }
}

@media screen and (max-width: 980px) {
    .page .pr-wrapper .wrapper .sidebar .widget.PI_SimpleTwitterTweets h2.widget-title a:after {
        display: none;
    }
}

.page .pr-wrapper .wrapper .sidebar .widget.PI_SimpleTwitterTweets ul.tweets {
    list-style: none;
    padding: 0;
    margin: 0;
}

.page .pr-wrapper .wrapper .sidebar .widget.PI_SimpleTwitterTweets ul.tweets li {
    border-top: 1px solid #e8e8e8;
    color: #666;
    font-size: 16px;
    line-height: 130%;
    list-style: none;
    padding: 0;
    position: relative;
    margin: 0;
    padding: 36px 0 36px 62px;
}

@media screen and (max-width: 980px) {
    .page .pr-wrapper .wrapper .sidebar .widget.PI_SimpleTwitterTweets ul.tweets li {
        font-size: 14px;
        padding: 20px 0 20px 40px;
    }
}

.page .pr-wrapper .wrapper .sidebar .widget.PI_SimpleTwitterTweets ul.tweets li img {
    border: 1px solid #dcdcdc;
    display: block;
    float: none;
    height: 37px !important;
    left: 0;
    margin: 0 !important;
    position: absolute;
    top: 36px;
    width: 37px !important;
}

@media screen and (max-width: 980px) {
    .page .pr-wrapper .wrapper .sidebar .widget.PI_SimpleTwitterTweets ul.tweets li img {
        left: -10px;
        top: 20px;
    }
}

.page .pr-wrapper .wrapper .sidebar .widget.PI_SimpleTwitterTweets ul.tweets li a {
    color: #ca0b0f;
    text-decoration: none;
}

.page .pr-wrapper .wrapper .sidebar .widget.PI_SimpleTwitterTweets ul.tweets li a:hover,
.page .pr-wrapper .wrapper .sidebar .widget.PI_SimpleTwitterTweets ul.tweets li a:active {
    text-decoration: underline;
}

.page .pr-wrapper .wrapper .sidebar .widget.PI_SimpleTwitterTweets ul.tweets li .stt-em {
    display: none !important;
}

.page section.media {
    background: #eaeaea;
    padding: 40px 20px;
}

.page section.media .wrapper {
    margin: 0 auto;
    max-width: 1180px;
    position: relative;
}

.page section.media .wrapper h3 {
    color: #333;
    font: normal 29px/120% "din_medium", Helvetica, sans-serif;
    letter-spacing: .3px;
    margin: 36px auto;
    max-width: 1180px;
    text-transform: uppercase;
}

.page section.media .wrapper .media-items {
    margin: 30px auto 0;
    max-width: 1180px;
    position: relative;
}

.page section.media .wrapper .media-items a.media-item {
    background: #fff;
    cursor: pointer;
    display: inline-block;
    margin: 0 3.75% 3.75% 0;
    position: relative;
    text-decoration: none;
    vertical-align: top;
    width: 22.1875%;
}

@media screen and (min-width: 801px) {
    .page section.media .wrapper .media-items a.media-item:nth-child(4n) {
        margin-right: 0;
    }
}

@media screen and (max-width: 800px) {
    .page section.media .wrapper .media-items a.media-item {
        width: 30.83333333%;
    }
    .page section.media .wrapper .media-items a.media-item:nth-child(3n) {
        margin-right: 0;
    }
}

@media screen and (max-width: 600px) {
    .page section.media .wrapper .media-items a.media-item {
        width: 48.125%;
    }
    .page section.media .wrapper .media-items a.media-item:nth-child(3n) {
        margin-right: 3.75%;
    }
    .page section.media .wrapper .media-items a.media-item:nth-child(2n) {
        margin-right: 0;
    }
}

@media screen and (max-width: 460px) {
    .page section.media .wrapper .media-items a.media-item {
        margin-right: 0;
        width: 100%;
    }
}

.page section.media .wrapper .media-items a.media-item:before {
    background: url("../_img/icon-download.png") center center/contain no-repeat;
    content: '';
    display: block;
    height: 30px;
    left: 6%;
    position: absolute;
    top: 26%;
    width: 30px;
}

@media screen and (min-width: 1120px) {
    .page section.media .wrapper .media-items a.media-item:before {
        top: 32%;
    }
}

@media screen and (max-width: 460px) {
    .page section.media .wrapper .media-items a.media-item:before {
        top: 32%;
    }
}

.page section.media .wrapper .media-items a.media-item .details {
    display: block;
    padding: 15px 20px;
}

.page section.media .wrapper .media-items a.media-item .details .title {
    color: #333;
    display: block;
    font: normal 16px/100% "din_bold", Helvetica, sans-serif;
    letter-spacing: .5px;
    margin: 0 0 8px;
    text-transform: uppercase;
}

.page section.media .wrapper .media-items a.media-item .details .media-meta {
    color: #666;
    display: block;
    font: normal 16px/120% "din_regular", Helvetica, sans-serif;
}

.page section.media .wrapper .media-items .media-modal {
    display: none;
}

.page section.media .wrapper .actions {
    margin: 30px auto;
    text-align: center;
}

.page section.media .wrapper .actions a.view_more_media {
    border-bottom: 2px solid #ca0b0f;
    color: #ca0b0f;
    cursor: pointer;
    display: inline-block;
    font: normal 13px/100% "din_bold", Helvetica, sans-serif;
    letter-spacing: .9px;
    padding: 0 0 4px;
    text-decoration: none;
    text-transform: uppercase;
}

.projects-portfolio {
    margin: 0 auto;
    max-width: 95%;
}

.projects-listing {
    display: block;
    margin: 2% 0;
    text-align: center;
}

.projects-listing a.title {
    display: none;
}

.projects-listing a.title.active {
    color: #000;
    display: block;
    font: normal 20px/100% "din_bold", Helvetica, sans-serif;
    letter-spacing: .5px;
    margin: 20px 0 30px;
    text-decoration: none;
    text-transform: uppercase;
}

.projects-listing a.project-tile {
    display: none;
    margin: 0 .5% 2%;
    padding: 0 0 40px;
    position: relative;
    text-decoration: none;
    vertical-align: top;
    width: 49%;
}

@media screen and (max-width: 767px) {
    .projects-listing a.project-tile {
        margin: 1% auto;
        width: 90%;
    }
}

.projects-listing a.project-tile.active {
    display: inline-block;
}

.projects-listing a.project-tile img {
    display: block;
    max-width: none;
    width: 100%;
}

.projects-listing a.project-tile .details {
    background: #fff;
    border-radius: 5px;
    bottom: 0px;
    color: #0b2734;
    display: block;
    left: 5%;
    padding: 13px;
    position: absolute;
    text-transform: uppercase;
    width: 90%;
}

.projects-listing a.project-tile .details .name {
    display: block;
    font: normal 20px/100% "din_bold", Helvetica, sans-serif;
    letter-spacing: .3px;
    margin: 0 0 10px;
    padding: 0 0 10px;
    position: relative;
    text-align: center;
}

.projects-listing a.project-tile .details .name:before {
    background: #f3f3f3;
    bottom: 0;
    content: '';
    display: block;
    left: 12.25%;
    height: 1px;
    position: absolute;
    width: 75.5%;
}

.projects-listing a.project-tile .details .location,
.projects-listing a.project-tile .details .capacity {
    background: url("../_img/icon-location.png") left center/21px no-repeat;
    display: inline-block;
    font: normal 15px/100% "din_regular", Helvetica, sans-serif;
    letter-spacing: .3px;
    margin: 0 25px;
    padding: 0 0 0 25px;
}

.projects-listing a.project-tile .details .capacity {
    background-image: url("../_img/icon-energy.png");
}

.projects-listing.no-filters a:nth-child(n+9) {
    display: none;
}

.projects-listing.no-filters.p2 a:nth-child(n+9) {
    display: inline-block;
}

.projects-listing.no-filters.p2 a:nth-child(n+17) {
    display: none;
}

.projects-listing.no-filters.p3 a:nth-child(n+9) {
    display: inline-block;
}

.projects-listing.no-filters.p3 a:nth-child(n+25) {
    display: none;
}

.projects-listing.no-filters.p4 a:nth-child(n+9) {
    display: inline-block;
}

.projects-listing.no-filters.p4 a:nth-child(n+33) {
    display: none;
}

.projects-listing.no-filters.p5 a:nth-child(n+9) {
    display: inline-block;
}

.projects-listing.no-filters.p5 a:nth-child(n+41) {
    display: none;
}

.projects-listing.no-filters.p6 a:nth-child(n+9) {
    display: inline-block;
}

.projects-listing.no-filters.p6 a:nth-child(n+49) {
    display: none;
}

.projects-listing.no-filters.p7 a:nth-child(n+9) {
    display: inline-block;
}

.projects-listing.no-filters.p7 a:nth-child(n+57) {
    display: none;
}

.projects-listing.no-filters.p8 a:nth-child(n+9) {
    display: inline-block;
}

.projects-listing.no-filters.p8 a:nth-child(n+65) {
    display: none;
}

.projects-listing.no-filters.p9 a:nth-child(n+9) {
    display: inline-block;
}

.projects-listing.no-filters.p9 a:nth-child(n+73) {
    display: none;
}

.projects-listing.no-filters.p10 a:nth-child(n+9) {
    display: inline-block;
}

.projects-listing.no-filters.p10 a:nth-child(n+81) {
    display: none;
}

.projects-listing.no-filters.p11 a:nth-child(n+9) {
    display: inline-block;
}

.projects-listing.no-filters.p11 a:nth-child(n+89) {
    display: none;
}

.projects-listing.no-filters.p12 a:nth-child(n+9) {
    display: inline-block;
}

.projects-listing.no-filters.p12 a:nth-child(n+97) {
    display: none;
}

.projects-listing.no-filters.p13 a:nth-child(n+9) {
    display: inline-block;
}

.projects-listing.no-filters.p13 a:nth-child(n+105) {
    display: none;
}

.projects-listing.no-filters.p14 a:nth-child(n+9) {
    display: inline-block;
}

.projects-listing.no-filters.p14 a:nth-child(n+113) {
    display: none;
}

.projects-listing.no-filters.p15 a:nth-child(n+9) {
    display: inline-block;
}

.projects-listing.no-filters.p15 a:nth-child(n+121) {
    display: none;
}

h3.count {
    color: #0b2734;
    font: normal 20px/100% "din_bold", Helvetica, sans-serif;
    letter-spacing: .35px;
    margin-bottom: 16px;
    text-transform: uppercase;
}

.project-filter-more {
    display: none;
    margin: 0 0 30px;
    text-align: center;
}

.projects-listing.no-filters+.project-filter-more {
    display: block;
}

.project-filter-more a {
    cursor: pointer;
}

.project-filter-toggle {
    background: #c4c4c4;
    cursor: pointer;
    padding: 12px 12px 0;
}

.project-filter-toggle span {
    color: #171930;
    display: inline-block;
    font: normal 15px/100% "din_regular", Helvetica, sans-serif;
    letter-spacing: .5px;
    text-transform: uppercase;
}

.project-filter-toggle span.label {
    display: inline-block;
    text-align: left;
    vertical-align: top;
    width: 50%;
}

@media screen and (max-width: 767px) {
    .project-filter-toggle span.label {
        display: none;
    }
}

.project-filter-toggle span.switch {
    color: #0b2734;
    display: inline-block;
    text-align: right;
    vertical-align: top;
    width: 50%;
}

@media screen and (max-width: 767px) {
    .project-filter-toggle span.switch {
        width: 100%;
    }
}

.project-filter-toggle span.switch:after {
    background: url("../_img/filter.svg") center center/contain no-repeat;
    content: '';
    display: inline-block;
    height: 15px;
    margin-left: 10px;
    vertical-align: bottom;
    width: 15px;
}

.project-filters {
    background: #233645;
    display: none;
    padding-left: 25%;
    position: relative;
}

@media screen and (max-width: 979px) {
    .project-filters {
        padding-left: 50%;
    }
}

@media screen and (max-width: 767px) {
    .project-filters {
        padding-left: 0;
        padding-top: 110px;
    }
}

.project-filters.open {
    display: block;
}

.project-filters>div {
    display: inline-block;
    padding: 2%;
    vertical-align: top;
    width: 33%;
}

@media screen and (max-width: 979px) {
    .project-filters>div {
        padding: 4% 6%;
        width: 100%;
    }
}

.project-filters>div.offtaker {
    background: #1c2a35;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 75%;
    top: 0;
    width: 25%;
    z-index: 100;
}

@media screen and (max-width: 979px) {
    .project-filters>div.offtaker {
        right: 50%;
        width: 50%;
    }
}

@media screen and (max-width: 767px) {
    .project-filters>div.offtaker {
        bottom: auto;
        padding-bottom: 20px;
        right: 0;
        width: 100%;
    }
}

.project-filters>div.offtaker ul {
    background: #1c2a35;
    border: 1px solid #fff;
    position: relative;
}

.project-filters>div.offtaker ul.open li {
    display: block;
}

.project-filters>div.offtaker ul li {
    display: none;
    margin: 0;
    width: 100%;
}

.project-filters>div.offtaker ul li.selected {
    color: #dcf6fa;
    cursor: pointer;
    display: block;
    font: normal 10px/120% "din_regular", Helvetica, sans-serif;
    letter-spacing: 1.4px;
    margin: 0 0 2px;
    max-width: none;
    min-height: 14px;
    padding: 8px;
    text-transform: uppercase;
    width: 100%;
}

.project-filters>div.offtaker ul li.selected:after {
    background: url("../_img/arrow.svg") center center/contain no-repeat;
    content: '';
    display: block;
    height: 10px;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 10px;
}

.project-filters>div.offtaker ul li a {
    padding: 8px;
    width: 100%;
}

.project-filters>div.offtaker ul li a:hover,
.project-filters>div.offtaker ul li a:active {
    background: rgba(255, 255, 255, 0.1);
}

.project-filters>div.offtaker ul li a:before {
    display: none;
}

.project-filters>div.offtaker ul li a.active {
    display: none;
}

.project-filters>div.size ul li {
    display: inline-block;
    padding-right: 2%;
    vertical-align: top;
    width: 50%;
}

.project-filters>div.location h3 {
    margin-bottom: 8px;
}

.project-filters>div.location ul {
    display: inline-block;
    margin-right: 1%;
    vertical-align: top;
    width: 49%;
}

.project-filters>div h3 {
    color: #dcf6fa;
    font: normal 15px/100% "din_bold", Helvetica, sans-serif;
    letter-spacing: 1.4px;
    margin: 0 0 26px;
    text-transform: uppercase;
}

.project-filters>div h3 span {
    cursor: pointer;
    display: inline-block;
    float: right;
    font: normal 10px/100% "din_regular", Helvetica, sans-serif;
    text-decoration: none;
}

.project-filters>div h3 span:hover,
.project-filters>div h3 span:active {
    text-decoration: underline;
}

.project-filters>div ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.project-filters>div ul li {
    color: #ff733a;
    font: normal 8px/100% "din_bold", Helvetica, sans-serif;
    letter-spacing: 1.4px;
    list-style: none;
    margin: 0 0 10px;
    padding: 0;
    text-transform: uppercase;
}

.project-filters>div ul li a {
    color: #dcf6fa;
    cursor: pointer;
    display: block;
    font: normal 10px/120% "din_regular", Helvetica, sans-serif;
    letter-spacing: 1.4px;
    margin: 0 0 2px;
    min-height: 14px;
    padding: 2px 0 0 22px;
    position: relative;
    text-transform: uppercase;
}

.project-filters>div ul li a:before {
    border: 1px solid #dcf6fa;
    content: '';
    display: block;
    left: 0;
    height: 14px;
    margin: 0 8px 0 0;
    position: absolute;
    top: 0;
    width: 14px;
}

.project-filters>div ul li a.active:before {
    background: #ff733a;
}

.single-recurrent-projects .entry-header {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 80vh;
    position: relative;
}

.single-recurrent-projects .entry-header a.post.speak,
.single-recurrent-projects .entry-header h1.entry-title {
    background: #fff;
    border-radius: 5px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    border-right: 9px solid #fff;
    color: #0b2734;
    display: block;
    font-family: "din_regular", Helvetica, sans-serif;
    font-size: 37px;
    font-style: normal;
    font-weight: normal;
    left: 3%;
    letter-spacing: .45px;
    line-height: 126%;
    margin: 0;
    margin-right: 3%;
    max-width: 50%;
    padding: 1.5% 2.5% 1.5% 2.5%;
    position: absolute;
    text-decoration: none;
    text-transform: uppercase;
    top: 50%;
    transform: translateY(-50%);
}

@media screen and (max-width: 800px) {
    .single-recurrent-projects .entry-header a.post.speak,
    .single-recurrent-projects .entry-header h1.entry-title {
        max-width: 75%;
    }
}

@media screen and (max-width: 600px) {
    .single-recurrent-projects .entry-header a.post.speak,
    .single-recurrent-projects .entry-header h1.entry-title {
        font-size: 24px;
    }
}

@media screen and (max-width: 400px) {
    .single-recurrent-projects .entry-header a.post.speak,
    .single-recurrent-projects .entry-header h1.entry-title {
        left: 20px;
        max-width: 90%;
        padding: 5% 4% 4%;
    }
}

.single-recurrent-projects .entry-header a.post.speak:before,
.single-recurrent-projects .entry-header h1.entry-title:before {
    background: url("../_img/inset-bevel-tall.svg") right center/9px no-repeat;
    bottom: 0;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    content: '';
    display: block;
    left: -9px;
    position: absolute;
    top: 0;
    width: 9px;
}

.single-recurrent-projects .entry-header a.post.speak .post-date,
.single-recurrent-projects .entry-header a.post.speak .subtitle,
.single-recurrent-projects .entry-header h1.entry-title .post-date,
.single-recurrent-projects .entry-header h1.entry-title .subtitle {
    color: #ff733a;
    display: block;
    font-family: "din_bold", Helvetica, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    letter-spacing: .5px;
    line-height: 100%;
    margin: 0 0 10px;
    text-transform: uppercase;
}

@media screen and (max-width: 800px) {
    .single-recurrent-projects .entry-header a.post.speak .post-date,
    .single-recurrent-projects .entry-header a.post.speak .subtitle,
    .single-recurrent-projects .entry-header h1.entry-title .post-date,
    .single-recurrent-projects .entry-header h1.entry-title .subtitle {
        font-size: 13px;
    }
}

@media screen and (max-width: 400px) {
    .single-recurrent-projects .entry-header a.post.speak .post-date,
    .single-recurrent-projects .entry-header a.post.speak .subtitle,
    .single-recurrent-projects .entry-header h1.entry-title .post-date,
    .single-recurrent-projects .entry-header h1.entry-title .subtitle {
        font-size: 11px;
        margin-top: 0;
    }
}

.single-recurrent-projects .entry-header a.post.speak strong,
.single-recurrent-projects .entry-header h1.entry-title strong {
    display: block;
    font-family: "din_bold", Helvetica, sans-serif;
    font-weight: normal;
}

.page-id-22.single-recurrent-projects .entry-header a.post.speak strong,
.single-recurrent-projects .entry-header h1.entry-title strong {
    display: inline;
}

.single-recurrent-projects .entry-header a.post.speak .title,
.single-recurrent-projects .entry-header h1.entry-title .title {
    display: block;
}

.single-recurrent-projects .entry-header a.post.speak .button,
.single-recurrent-projects .entry-header h1.entry-title .button {
    display: inline-block;
}

.single-recurrent-projects .entry-header a.post.speak {
    font-size: 32px;
    left: auto;
    margin: 0 0 0 3%;
    padding: 3% 3.5% 3% 4%;
    right: 3%;
}

.single-recurrent-projects .entry-header a.post.speak .title {
    display: block;
    margin: 8px 0 15px;
}

@media screen and (max-width: 600px) {
    .single-recurrent-projects .entry-header a.post.speak .title {
        font-size: 24px;
        line-height: 120%;
    }
}

.single-recurrent-projects .statistics {
    background: #1c2a35;
    bottom: 0;
    left: 5%;
    position: absolute;
    width: 90%;
}

@media screen and (max-width: 767px) {
    .single-recurrent-projects .statistics {
        display: none;
        padding-bottom: 15px;
    }
}

.single-recurrent-projects .statistics.mobile {
    display: none;
    bottom: auto;
    left: auto;
    margin: 0 auto;
    position: relative;
}

@media screen and (max-width: 767px) {
    .single-recurrent-projects .statistics.mobile {
        display: block;
    }
}

.single-recurrent-projects .statistics .stat {
    background: url("../_img/icon-date.png") 15px center/28px no-repeat;
    color: #fff;
    display: inline-block;
    font: normal 20px/120% "din_regular", Helvetica, sans-serif;
    letter-spacing: .3px;
    padding: 4.5% 20px 4.5% 58px;
    text-transform: uppercase;
    vertical-align: top;
    width: 25%;
}

@media screen and (max-width: 767px) {
    .single-recurrent-projects .statistics .stat {
        background-position: 8px center;
        background-size: 16px;
        display: block;
        font-size: 11px;
        padding: 15px 15px 0 30px;
        width: 100%;
    }
}

.single-recurrent-projects .statistics .stat h3 {
    color: #ff733a;
    display: block;
    font: normal 15px/100% "din_bold", Helvetica, sans-serif;
    letter-spacing: .5px;
    margin: 0 0 15px;
    text-transform: uppercase;
}

@media screen and (max-width: 767px) {
    .single-recurrent-projects .statistics .stat h3 {
        font-size: 12px;
        margin: 0 0 5px;
    }
}

.single-recurrent-projects .statistics .stat.capacity {
    background-image: url("../_img/icon-energy.png");
}

.single-recurrent-projects .statistics .stat.operation {
    background-image: url("../_img/icon-date.png");
    width: 18%;
}

@media screen and (max-width: 767px) {
    .single-recurrent-projects .statistics .stat.operation {
        width: 100%;
    }
}

.single-recurrent-projects .statistics .stat.location {
    background-image: url("../_img/icon-location.png");
    width: 28.5%;
}

@media screen and (max-width: 767px) {
    .single-recurrent-projects .statistics .stat.location {
        width: 100%;
    }
}

.single-recurrent-projects .statistics .stat.technology {
    background-image: url("../_img/icon-technology.png");
    width: 28.5%;
}

@media screen and (max-width: 767px) {
    .single-recurrent-projects .statistics .stat.technology {
        width: 100%;
    }
}

.single-recurrent-projects .statistics .stat.powered {
    background-image: url("../_img/icon-powered.png");
}

.single-recurrent-projects .statistics .stat.status {
    background-image: url("../_img/icon-status.png");
}

.single-recurrent-projects .entry-community,
.single-recurrent-projects .entry-content {
    padding: 0 !important;
}

.single-recurrent-projects .entry-community .content-wrapper,
.single-recurrent-projects .entry-content .content-wrapper {
    background: #fff;
    margin: 0 auto 50px;
    max-width: 90%;
    padding: 40px 58px;
}

@media screen and (max-width: 767px) {
    .single-recurrent-projects .entry-community .content-wrapper,
    .single-recurrent-projects .entry-content .content-wrapper {
        padding: 20px 18px;
    }
}

.single-recurrent-projects .entry-community .content-wrapper h2,
.single-recurrent-projects .entry-content .content-wrapper h2 {
    color: #0b2734;
    font: normal 25px/100% "din_regular", Helvetica, sans-serif;
    letter-spacing: .5px;
    text-align: center;
    text-transform: uppercase;
}

.single-recurrent-projects .entry-community .content-wrapper h2 strong,
.single-recurrent-projects .entry-content .content-wrapper h2 strong {
    font-family: "din_bold", Helvetica, sans-serif;
    font-weight: normal;
}

.single-recurrent-projects .entry-community .content-wrapper h3,
.single-recurrent-projects .entry-content .content-wrapper h3 {
    font-family: "din_bold", Helvetica, sans-serif;
    font-weight: normal;
    letter-spacing: .5px;
    text-transform: uppercase;
}

.single-recurrent-projects .entry-community .content-wrapper p,
.single-recurrent-projects .entry-content .content-wrapper p {
    font-size: 24px;
    line-height: 140%;
}

@media screen and (max-width: 767px) {
    .single-recurrent-projects .entry-community .content-wrapper p,
    .single-recurrent-projects .entry-content .content-wrapper p {
        font-size: 16px;
    }
}

.single-recurrent-projects .entry-community p:last-child {
    text-align: center;
}

.single-recurrent-projects .gallery button.slick-prev {
    background: url("../_img/arrow.svg") center center/contain no-repeat;
    border: none;
    border-radius: 0;
    box-shadow: none;
    display: block;
    height: 38px;
    left: 30px;
    margin: -19px 0 0;
    padding: 0;
    position: absolute;
    text-align: left;
    text-indent: -10000px;
    top: 50%;
    transform: rotate(90deg);
    width: 32px;
    z-index: 100;
}

.single-recurrent-projects .gallery button.slick-next {
    background: url("../_img/arrow.svg") center center/contain no-repeat;
    border: none;
    border-radius: 0;
    box-shadow: none;
    display: block;
    height: 38px;
    margin: -19px 0 0;
    padding: 0;
    position: absolute;
    right: 30px;
    text-align: left;
    text-indent: 10000px;
    top: 50%;
    transform: rotate(270deg);
    width: 32px;
    z-index: 100;
}

.single-recurrent-projects .video-gallery {
    background: #eaeaea;
}

.single-recurrent-projects .video-gallery .content-wrapper {
    background: #eaeaea;
    margin: 0 auto 50px;
    max-width: 90%;
    padding: 40px 0;
}

.single-recurrent-projects .video-gallery .content-wrapper h2 {
    color: #0b2734;
    font: normal 25px/100% "din_regular", Helvetica, sans-serif;
    letter-spacing: .5px;
    text-align: center;
    text-transform: uppercase;
}

.single-recurrent-projects .video-gallery .content-wrapper h2 strong {
    font-family: "din_bold", Helvetica, sans-serif;
}

.single-recurrent-projects .video-gallery .content-wrapper .video-holder {
    display: inline-block;
    height: 0;
    margin: 1%;
    padding: 0 0 28.125%;
    position: relative;
    width: 48%;
}

@media screen and (max-width: 767px) {
    .single-recurrent-projects .video-gallery .content-wrapper .video-holder {
        margin: 0 2%;
        padding: 0 0 56.25%;
        width: 100%;
    }
}

.single-recurrent-projects .video-gallery .content-wrapper .video-holder object,
.single-recurrent-projects .video-gallery .content-wrapper .video-holder embed,
.single-recurrent-projects .video-gallery .content-wrapper .video-holder iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.single-recurrent-projects .video-gallery.single-video .content-wrapper .video-holder {
    margin: 0 2%;
    padding: 0 0 56.25%;
    width: 100%;
}

.single-recurrent-projects .projects-group {
    margin: 0 0 1.5em;
}

.single-recurrent-projects .projects-group .project {
    display: none;
}

.single-recurrent-projects .projects-group .project.active {
    display: block;
}

.single-recurrent-projects .projects-group .gallery {
    margin-bottom: 0;
}

.single-recurrent-projects .projects-group .project-details {
    background: #fff;
    padding: 4.5% 4.5% 0;
    position: relative;
}

@media screen and (max-width: 767px) {
    .single-recurrent-projects .projects-group .project-details {
        padding-bottom: 4.5%;
    }
}

.single-recurrent-projects .projects-group .project-details .project-nav {
    background: #fff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: #0b2734;
    cursor: pointer;
    font: normal 20px/100% "din_bold", Helvetica, sans-serif;
    left: 5%;
    letter-spacing: 1.75px;
    position: absolute;
    text-transform: uppercase;
    top: -60px;
    z-index: 100;
}

@media screen and (max-width: 860px) {
    .single-recurrent-projects .projects-group .project-details .project-nav {
        top: -30px;
    }
}

@media screen and (max-width: 767px) {
    .single-recurrent-projects .projects-group .project-details .project-nav {
        font-size: 14px;
        top: -30px;
    }
}

@media screen and (min-width: 768px) {
    .single-recurrent-projects .projects-group .project-details .project-nav {
        background: transparent;
    }
}

.single-recurrent-projects .projects-group .project-details .project-nav.mobile {
    display: none;
}

@media screen and (max-width: 768px) {
    .single-recurrent-projects .projects-group .project-details .project-nav.mobile {
        display: block;
    }
}

.single-recurrent-projects .projects-group .project-details .project-nav.desktop {
    display: block;
}

@media screen and (max-width: 768px) {
    .single-recurrent-projects .projects-group .project-details .project-nav.desktop {
        display: none;
    }
}

.single-recurrent-projects .projects-group .project-details .project-nav .current {
    background: url("../_img/arrow-orange.svg") 90% center/18px no-repeat;
    padding: 20px 60px 20px 40px;
}

@media screen and (max-width: 767px) {
    .single-recurrent-projects .projects-group .project-details .project-nav .current {
        background-size: 9px;
        font-size: 14px;
        padding: 10px 30px 10px 20px;
    }
}

@media screen and (max-width: 860px) {
    .single-recurrent-projects .projects-group .project-details .project-nav .current {
        background-size: 9px;
        padding: 10px 30px 10px 20px;
    }
}

@media screen and (min-width: 768px) {
    .single-recurrent-projects .projects-group .project-details .project-nav .current {
        background-color: #fff;
        background-position: 90% 40%;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        display: inline-block;
        margin-right: 10px;
    }
}

.single-recurrent-projects .projects-group .project-details .project-nav .option {
    display: none;
    font: normal 20px/100% "din_regular", Helvetica, sans-serif;
    padding: 20px 40px;
}

@media screen and (max-width: 767px) {
    .single-recurrent-projects .projects-group .project-details .project-nav .option {
        font-size: 14px;
        padding: 10px 20px;
    }
}

@media screen and (max-width: 860px) {
    .single-recurrent-projects .projects-group .project-details .project-nav .option {
        padding: 10px 20px;
    }
}

@media screen and (min-width: 768px) {
    .single-recurrent-projects .projects-group .project-details .project-nav .option {
        background: #fff;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        display: inline-block;
        margin-right: 10px;
    }
}

.single-recurrent-projects .projects-group .project-details .project-nav.active .option {
    display: block;
}

@media screen and (min-width: 768px) {
    .single-recurrent-projects .projects-group .project-details .project-nav.active .option {
        display: inline-block;
    }
}

.single-recurrent-projects .projects-group .project-details .stat {
    background: url("../_img/icon-date.png") 15px center/28px no-repeat;
    color: #0b2734;
    display: inline-block;
    font: normal 20px/120% "din_regular", Helvetica, sans-serif;
    letter-spacing: .3px;
    margin: 0 0 40px;
    padding: 0 20px 0 58px;
    text-transform: uppercase;
    vertical-align: top;
    width: 33%;
}

@media screen and (max-width: 767px) {
    .single-recurrent-projects .projects-group .project-details .stat {
        background-position: 8px center;
        background-size: 16px;
        display: block;
        font-size: 11px;
        margin: 0;
        padding: 15px 15px 0 30px;
        width: 100%;
    }
}

.single-recurrent-projects .projects-group .project-details .stat h3 {
    color: #ff733a;
    display: block;
    font: normal 15px/100% "din_bold", Helvetica, sans-serif;
    letter-spacing: .5px;
    margin: 0 0 5px;
    text-transform: uppercase;
}

@media screen and (max-width: 767px) {
    .single-recurrent-projects .projects-group .project-details .stat h3 {
        font-size: 12px;
        margin: 0 0 5px;
    }
}

.single-recurrent-projects .projects-group .project-details .stat.capacity {
    background-image: url("../_img/icon-energy.png");
}

.single-recurrent-projects .projects-group .project-details .stat.operation {
    background-image: url("../_img/icon-date.png");
}

.single-recurrent-projects .projects-group .project-details .stat.location {
    background-image: url("../_img/icon-location.png");
}

.single-recurrent-projects .projects-group .project-details .stat.technology {
    background-image: url("../_img/icon-technology.png");
}

.single-recurrent-projects .projects-group .project-details .stat.powered {
    background-image: url("../_img/icon-powered.png");
}

.single-recurrent-projects .projects-group .project-details .stat.status {
    background-image: url("../_img/icon-status.png");
}

.single-recurrent-projects #map {
    display: block;
    height: 0;
    margin: 0 auto;
    max-width: 90%;
    padding: 0 0 48.8956588%;
}

body.single {
    background: #f1f1f1;
}

body.single .entry-header {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 80vh;
    position: relative;
}

body.single .entry-header .speak {
    background: #fff;
    border-radius: 5px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    border-right: 9px solid #fff;
    color: #0b2734;
    display: block;
    font-family: "din_regular", Helvetica, sans-serif;
    font-size: 37px;
    font-style: normal;
    font-weight: normal;
    left: 3%;
    letter-spacing: .45px;
    line-height: 126%;
    margin: 0;
    margin-right: 3%;
    max-width: 50%;
    padding: 1.5% 2.5% 1.5% 2.5%;
    position: absolute;
    text-decoration: none;
    text-transform: uppercase;
    top: 50%;
    transform: translateY(-50%);
}

@media screen and (max-width: 800px) {
    body.single .entry-header .speak {
        max-width: 75%;
    }
}

@media screen and (max-width: 600px) {
    body.single .entry-header .speak {
        font-size: 24px;
    }
}

@media screen and (max-width: 400px) {
    body.single .entry-header .speak {
        left: 20px;
        max-width: 90%;
    }
}

body.single .entry-header .speak:before {
    background: url("../_img/inset-bevel-tall.svg") right center/9px no-repeat;
    bottom: 0;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    content: '';
    display: block;
    left: -9px;
    position: absolute;
    top: 0;
    width: 9px;
}

body.single .entry-header .speak .post-date,
body.single .entry-header .speak .subtitle {
    color: #ff733a;
    display: block;
    font-family: "din_bold", Helvetica, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    letter-spacing: .5px;
    line-height: 100%;
    margin: 6px 0 10px;
    text-transform: uppercase;
}

@media screen and (max-width: 800px) {
    body.single .entry-header .speak .post-date,
    body.single .entry-header .speak .subtitle {
        font-size: 13px;
    }
}

@media screen and (max-width: 400px) {
    body.single .entry-header .speak .post-date,
    body.single .entry-header .speak .subtitle {
        font-size: 11px;
        margin-top: 15px;
    }
}

body.single .entry-header .speak strong {
    display: block;
    font-family: "din_bold", Helvetica, sans-serif;
    font-weight: normal;
}

.page-id-22body.single .entry-header .speak strong {
    display: inline;
}

body.single .entry-header .speak h1.entry-title {
    display: block;
    font: normal 33.5px/100% "din_regular", Helvetica, sans-serif;
}

@media screen and (max-width: 600px) {
    body.single .entry-header .speak h1.entry-title {
        font-size: 24px;
    }
}

body.single .entry-header .speak .button {
    display: inline-block;
    margin-bottom: 10px;
    margin-right: 20px;
}

body.single .entry-header .speak .button.pdf {
    background: url("../_img/icon-pdf.png") 15px center/15px no-repeat transparent;
    border: 2px solid #ca0b0f;
    color: #ca0b0f;
    padding: 11px 23px 11px 40px;
}

body.single .entry-header .speak .button.media {
    background-image: url("../_img/icon-media.png");
    background-position: 15px center;
    background-size: 24px;
    background-repeat: no-repeat;
    padding-left: 54px;
}

body.single .entry-header .speak {
    font-size: 32px;
    left: auto;
    margin: 0 0 0 3%;
    padding: 3% 3.5% 3% 4%;
    right: 3%;
}

body.single .entry-header .speak .title {
    display: block;
    margin: 8px 0 15px;
}

@media screen and (max-width: 600px) {
    body.single .entry-header .speak .title {
        font-size: 24px;
        line-height: 120%;
    }
}

body.single .f_copy,
body.single .entry-content {
    padding: 0 20px;
}

body.single .f_copy .wrapper,
body.single .entry-content .wrapper {
    margin: 0 auto;
    max-width: 1100px;
}

body.single .f_copy .wrapper p,
body.single .entry-content .wrapper p {
    color: #333;
    font-size: 20px;
    line-height: 165%;
    margin: 0;
    padding: 0 6.75% 4.5%;
}

@media screen and (max-width: 600px) {
    body.single .f_copy .wrapper p,
    body.single .entry-content .wrapper p {
        font-size: 15px;
    }
}

body.single .f_copy .wrapper p:empty,
body.single .entry-content .wrapper p:empty {
    display: none;
}

body.single .f_copy .wrapper a,
body.single .entry-content .wrapper a {
    color: #ca0b0f;
}

body.single .entry-content .wrapper p:first-child {
    background: #fff;
    font-size: 25px;
    line-height: 150%;
    margin-top: -90px;
    margin-bottom: 4.5%;
    padding-top: 4.5%;
    position: relative;
}

@media screen and (max-width: 600px) {
    body.single .entry-content .wrapper p:first-child {
        font-size: 18px;
        margin-top: -30px;
    }
}

body.single .fw_img img {
    height: auto !important;
    max-width: none;
    width: 100%;
}

body.single .fw_img .caption-holder {
    padding: 0 20px;
}

body.single .fw_img .caption-holder .wrapper {
    margin: 0 auto;
    max-width: 1100px;
}

body.single .fw_img .caption-holder .wrapper .caption {
    color: #333;
    font-size: 20px;
    line-height: 165%;
    margin: 0;
    padding: 4.5% 6.75%;
}

@media screen and (max-width: 600px) {
    body.single .fw_img .caption-holder .wrapper .caption {
        font-size: 15px;
    }
}

body.single .f_copy {
    background: #dedede;
    padding: 4.5% 20px;
}

body.single .f_copy .wrapper h3 {
    padding: 0 6.75%;
}

body.single .f_copy .wrapper p {
    font-size: 18px;
    margin: 0 0 5%;
    padding: 0 6.75%;
}

@media screen and (max-width: 600px) {
    body.single .f_copy .wrapper p {
        font-size: 15px;
    }
}

body.single .f_copy .wrapper a {
    color: #ca0b0f;
}

body.single .f_copy .wrapper .buttons {
    padding: 0 6.75%;
}

body.single .f_copy .wrapper .buttons .button {
    display: inline-block;
    margin-bottom: 10px;
    margin-right: 20px;
}

body.single .f_copy .wrapper .buttons .button.pdf {
    background: url("../_img/icon-pdf.png") 15px center/15px no-repeat transparent;
    border: 2px solid #ca0b0f;
    color: #ca0b0f;
    padding: 11px 23px 11px 40px;
}

body.single .f_copy .wrapper .buttons .button.media {
    background-image: url("../_img/icon-media.png");
    background-position: 15px center;
    background-size: 24px;
    background-repeat: no-repeat;
    padding-left: 54px;
}

body.single .more-posts {
    background: #eaeaea;
    padding: 40px 20px;
}

body.single .more-posts .wrapper {
    margin: 0 auto;
    max-width: 1180px;
    position: relative;
}

body.single .more-posts .wrapper h3 {
    color: #333;
    font: normal 29px/120% "din_medium", Helvetica, sans-serif;
    letter-spacing: .3px;
    margin: 36px auto;
    max-width: 1180px;
    text-transform: uppercase;
}

body.single .more-posts .wrapper a.post {
    background: #fff;
    display: inline-block;
    margin: 0 0 15px;
    min-height: 212px;
    text-decoration: none;
    width: 49%;
}

@media screen and (max-width: 767px) {
    body.single .more-posts .wrapper a.post {
        width: 100%;
    }
}

body.single .more-posts .wrapper a.post:first-child {
    margin-right: 2%;
}

body.single .more-posts .wrapper a.post .img-holder,
body.single .more-posts .wrapper a.post img {
    display: inline-block;
    height: auto;
    vertical-align: top;
    width: 36.71028037%;
}

@media screen and (max-width: 400px) {
    body.single .more-posts .wrapper a.post .img-holder,
    body.single .more-posts .wrapper a.post img {
        display: block;
        width: 100%;
    }
}

body.single .more-posts .wrapper a.post .details {
    display: inline-block;
    padding: 5% 7%;
    vertical-align: top;
    width: 63%;
}

@media screen and (max-width: 400px) {
    body.single .more-posts .wrapper a.post .details {
        display: block;
        width: 100%;
    }
}

body.single .more-posts .wrapper a.post .details .post-date {
    color: #ff733a;
    display: block;
    font-family: "din_bold", Helvetica, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    letter-spacing: .5px;
    line-height: 100%;
    margin: 6px 0 10px;
    text-transform: uppercase;
}

@media screen and (max-width: 800px) {
    body.single .more-posts .wrapper a.post .details .post-date {
        font-size: 12px;
    }
}

@media screen and (max-width: 400px) {
    body.single .more-posts .wrapper a.post .details .post-date {
        font-size: 10px;
        margin-top: 15px;
    }
}

body.single .more-posts .wrapper a.post .details .title {
    color: #333;
    display: block;
    font-size: 16px;
    line-height: 130%;
    margin: 0 0 18px;
}

@media screen and (max-width: 980px) {
    body.single .more-posts .wrapper a.post .details .title {
        font-size: 13px;
    }
}

body.single .more-posts .wrapper a.post .details .button {
    font-size: 11px;
    padding: 10px 18px;
}

@media screen and (max-width: 800px) {
    body.single .more-posts .wrapper a.post .details .button {
        font-size: 10px;
    }
}

body.single .more-posts .wrapper .actions {
    margin: 10px auto;
    text-align: right;
}

body.single .more-posts .wrapper .actions a {
    border-bottom: 2px solid #ca0b0f;
    color: #ca0b0f;
    cursor: pointer;
    display: inline-block;
    font: normal 13px/100% "din_bold", Helvetica, sans-serif;
    letter-spacing: .9px;
    padding: 0 0 4px;
    text-decoration: none;
    text-transform: uppercase;
}

body.modal {
    overflow: hidden;
}

body.modal .modal-bg {
    opacity: 1;
    visibility: visible;
}

.modal-bg {
    background: rgba(255, 255, 255, 0.93);
    bottom: 0;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    transition: all .25s ease;
    visibility: hidden;
    z-index: 1001;
}

.modal-bg .modal-holder {
    background: #fff;
    box-shadow: 0 0 66px rgba(48, 54, 59, 0.25);
    display: block;
    margin: 0 auto;
    max-height: 80vh;
    max-width: 80%;
    overflow-y: scroll;
    padding: 3.5% 5%;
    position: relative;
    top: 10vh;
    width: 100%;
}

@media screen and (max-width: 600px) {
    .modal-bg .modal-holder {
        max-width: 95%;
        padding: 12% 10%;
    }
}

.modal-bg .modal-holder .modal-header {
    border-bottom: 1px solid #efefef;
    margin: 0 0 5px;
    padding: 0 0 30px;
    position: relative;
}

.modal-bg .modal-holder .modal-header h2 {
    color: #333;
    font: normal 29px/100% "din_medium", Helvetica, sans-serif;
    letter-spacing: .3px;
    margin: 0;
    text-transform: uppercase;
}

.modal-bg .modal-holder .modal-header h3 {
    color: #333;
    font: normal 14px/100% "din_medium", Helvetica, sans-serif;
    letter-spacing: .3px;
    margin: 0 0 14px;
    text-transform: uppercase;
}

.modal-bg .modal-holder .modal-header a.close {
    background: url("../_img/icon-close.png") center center/contain no-repeat;
    cursor: pointer;
    display: block;
    height: 23px;
    position: absolute;
    right: 0;
    text-indent: -10000px;
    top: 0;
    width: 23px;
}

@media screen and (max-width: 600px) {
    .modal-bg .modal-holder .modal-header a.close {
        right: -8%;
        top: -30%;
    }
}

.modal-bg .modal-holder .modal-content .modal-col {
    display: inline-block;
    vertical-align: top;
    width: 32.5%;
}

@media screen and (max-width: 800px) {
    .modal-bg .modal-holder .modal-content .modal-col {
        width: 49%;
    }
}

@media screen and (max-width: 600px) {
    .modal-bg .modal-holder .modal-content .modal-col {
        width: 100%;
    }
}

.modal-bg .modal-holder .modal-content .modal-col:nth-child(2) {
    margin: 0 1.25%;
}

@media screen and (max-width: 800px) {
    .modal-bg .modal-holder .modal-content .modal-col:nth-child(2) {
        margin: 0 1% 0 0;
    }
}

@media screen and (max-width: 600px) {
    .modal-bg .modal-holder .modal-content .modal-col:nth-child(2) {
        margin: 0;
    }
}

.modal-bg .modal-holder .modal-content .modal-col h4 {
    color: #333;
    font: normal 16px/100% "din_medium", Helvetica, sans-serif;
    letter-spacing: .3px;
    margin: 25px 0 0;
    text-transform: uppercase;
}

.modal-bg .modal-holder .modal-content .modal-col a {
    color: #ca0b0f;
    font: normal 17px/120% "din_regular", Helvetica, sans-serif;
    text-decoration: none;
}

.modal-bg .modal-holder .modal-content .modal-col a:hover,
.modal-bg .modal-holder .modal-content .modal-col a:active {
    text-decoration: underline;
}

.modal-bg .modal-holder .modal-content .modal-col a.vimeo {
    background: url("../_img/icon-open.png") left center/12px no-repeat;
    padding-left: 20px;
}

.modal-bg .modal-holder .modal-content .modal-col a img {
    display: block;
    margin: 14px 0 12px;
}

.rec_linkspeak {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    padding: 0 20px;
    position: relative;
    width: 100%;
}

.rec_linkspeak a,
.nostagger .rec_linkspeak a.half {
    background: #fff;
    border-radius: 5px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    border-right: 9px solid #fff;
    display: block;
    margin-left: 3%;
    padding: 3% 2.5% 3% 2.4%;
    position: absolute;
    right: 3%;
    text-decoration: none;
    top: 50%;
    transform: translateY(-50%);
}

@media screen and (max-width: 600px) {
    .rec_linkspeak a {
        font-size: 24px;
    }
}

.rec_linkspeak a:before {
    background: url("../_img/inset-bevel-tall.svg") right center/9px no-repeat;
    bottom: 0;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    content: '';
    display: block;
    left: -9px;
    position: absolute;
    top: 0;
    width: 9px;
}

.rec_linkspeak a.half,
.nostagger .rec_linkspeak a.half {
    max-width: 50%;
}

@media screen and (max-width: 800px) {
    .rec_linkspeak a.half {
        max-width: 75%;
    }
}

@media screen and (max-width: 400px) {
    .rec_linkspeak a.half {
        max-width: 90%;
        padding: 5% 4% 4%;
    }
}

.rec_linkspeak a.third {
    border-radius: 0;
    max-width: 260px;
    right: 0;
}

@media screen and (max-width: 800px) {
    .rec_linkspeak a.third {
        max-width: 75%;
    }
}

@media screen and (max-width: 400px) {
    .rec_linkspeak a.third {
        max-width: 90%;
    }
}

.rec_linkspeak a.center {
    text-align: center;
}

.rec_linkspeak a.right {
    text-align: right;
}

.rec_linkspeak a .icon {
    display: inline-block;
    margin: 5% 0 0;
}

.rec_linkspeak a .icon.icon-none {
    display: none;
}

.rec_linkspeak a .icon.icon-bolt {
    background: url("../_img/icon-bolt.png") center center/contain no-repeat;
    height: 32px;
    width: 16px;
}

.rec_linkspeak a .icon.icon-people {
    background: url("../_img/icon-people.png") center center/contain no-repeat;
    height: 25px;
    width: 38px;
}

.rec_linkspeak a h3 {
    color: #ff733a;
    font-family: "din_bold", Helvetica, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    letter-spacing: .5px;
    line-height: 100%;
    margin: 0 0 10px;
    text-transform: uppercase;
}

@media screen and (max-width: 800px) {
    .rec_linkspeak a h3 {
        font-size: 13px;
    }
}

@media screen and (max-width: 400px) {
    .rec_linkspeak a h3 {
        font-size: 11px;
        margin-top: 0;
    }
}

.rec_linkspeak a h2 {
    color: #0b2734;
    font-family: "din_regular", Helvetica, sans-serif;
    font-size: 37px;
    font-style: normal;
    font-weight: normal;
    letter-spacing: .45px;
    line-height: 126%;
    margin: 0;
    text-transform: uppercase;
}

@media screen and (max-width: 800px) {
    .rec_linkspeak a h2 {
        max-width: 75%;
    }
}

@media screen and (max-width: 600px) {
    .rec_linkspeak a h2 {
        font-size: 24px;
    }
}

@media screen and (max-width: 400px) {
    .rec_linkspeak a h2 {
        left: 20px;
        max-width: 90%;
    }
}

.rec_linkspeak a h2.orange {
    font-family: "din_medium", Helvetica, sans-serif;
    font-size: 45px;
    font-weight: normal;
    text-transform: none;
}

@media screen and (max-width: 980px) {
    .rec_linkspeak a h2.orange {
        font-size: 28px;
    }
}

@media screen and (max-width: 800px) {
    .rec_linkspeak a h2.orange {
        font-size: 24px;
    }
}

@media screen and (max-width: 400px) {
    .rec_linkspeak a h2.orange {
        font-size: 24px;
    }
}

.rec_linkspeak a h2.orange span {
    color: #ff733a;
}

.rec_linkspeak a h2.bold span {
    display: block;
    font-family: "din_bold", Helvetica, sans-serif;
    font-weight: normal;
}

.rec_linkspeak a .linktext {
    color: #666;
    display: block;
    font-family: "din_medium", Helvetica, sans-serif;
    font-size: 16px;
    letter-spacing: .5px;
    line-height: 110%;
    text-transform: uppercase;
}

@media screen and (max-width: 980px) {
    .rec_linkspeak a .linktext {
        font-size: 14px;
    }
}

@media screen and (max-width: 800px) {
    .rec_linkspeak a .linktext {
        font-size: 13px;
    }
}

@media screen and (max-width: 400px) {
    .rec_linkspeak a .linktext {
        font-size: 12px;
    }
}

.rec_linkspeak a .arrow {
    background: url("../_img/icon-arrow.png") center center/contain no-repeat;
    display: inline-block;
    height: 18px;
    margin: 25px 0 0;
    width: 8px;
}

@media screen and (max-width: 980px) {
    .rec_linkspeak a .arrow {
        margin-top: 14px;
    }
}

@media screen and (max-width: 800px) {
    .rec_linkspeak a .arrow {
        margin-top: 12px;
    }
}

@media screen and (max-width: 400px) {
    .rec_linkspeak a .arrow {
        margin-top: 10px;
    }
}

.widget_recurrent_projects_widget {
    background: #fff;
    margin: 70px auto 0;
    padding: 0 0 4%;
    position: relative;
    width: 100%;
    /*
  .projects {padding:4% 4% 1%; text-align:center;
    a {background-position:center center; background-repeat:no-repeat; background-size:cover; display:inline-block; height:0; padding:0 0 26.18683002%; position:relative; text-align:left; text-decoration:none; width:49.5%;
      @media screen and (max-width:654px){padding:0 0 50%; width:100%; }
      &:first-child {margin-right:.5%; }
      &:last-child {margin-left:.5%; }
      span {background:#fff; bottom:11%; color:#0b2734; display:block; font-size:27px; font-weight:normal; letter-spacing:.25px; line-height:100%; margin-left:5.5%; max-width:420px; padding:2.8% 3.3% 2.4%; position:absolute; right:5.5%; text-transform:uppercase; 
        @media screen and (max-width:800px){font-size:18px; }
        strong {font-family:$din-bold; font-weight:normal; }
      }
    }
  }
  */
}

.widget_recurrent_projects_widget h3.widget-title {
    background: #fff;
    color: #0b2734;
    font-family: "din_medium", Helvetica, sans-serif;
    font-size: 18px;
    font-weight: normal;
    left: 7%;
    letter-spacing: .75px;
    line-height: 100%;
    padding: 15px 40px 7px;
    position: absolute;
    text-transform: uppercase;
    top: -40px;
}

.widget_recurrent_projects_widget .projects-listing {
    background: #fff;
    padding: 4% 4% 1%;
    text-align: center;
}

.widget_recurrent_projects_widget .actions {
    text-align: center;
}

.hover-grow.panel-row-style {
    margin: 4% 0 0;
    text-align: center;
}

.hover-grow.panel-row-style h3.widget-title {
    color: #0b2734;
    font-size: 29px;
    font-weight: normal;
    letter-spacing: .5px;
    line-height: 100%;
    text-transform: uppercase;
}

.hover-grow.panel-row-style ul {
    height: 0;
    list-style: none;
    margin: 0 0 40px;
    padding: 0 0 25%;
    position: relative;
}

@media screen and (max-width: 768px) {
    .hover-grow.panel-row-style ul {
        height: auto;
        padding: 0;
    }
}

.hover-grow.panel-row-style ul li {
    bottom: 0;
    display: block;
    left: 0;
    position: absolute;
    right: 66.666666%;
    top: 0;
}

@media screen and (max-width: 768px) {
    .hover-grow.panel-row-style ul li {
        bottom: auto;
        left: auto;
        padding: 0 0 70%;
        position: relative;
        right: auto;
        top: auto;
    }
}

.hover-grow.panel-row-style ul li:first-child a {
    border-left: none;
}

.hover-grow.panel-row-style ul li:nth-child(2) {
    left: 33.333333%;
    right: 33.333333%;
}

@media screen and (max-width: 768px) {
    .hover-grow.panel-row-style ul li:nth-child(2) {
        left: auto;
        right: auto;
    }
}

.hover-grow.panel-row-style ul li:nth-child(2) a {
    background-image: url("../_img/bg-viable.jpg");
}

.hover-grow.panel-row-style ul li:last-child {
    left: 66.666666%;
    right: 0;
}

@media screen and (max-width: 768px) {
    .hover-grow.panel-row-style ul li:last-child {
        left: auto;
        right: auto;
    }
}

.hover-grow.panel-row-style ul li:last-child a {
    background-image: url("../_img/bg-predictable.jpg");
    border-right: none;
}

.hover-grow.panel-row-style ul li a {
    background: url("../_img/bg-affordable.jpg") center center/cover no-repeat;
    border: 1px solid #edecec;
    bottom: 0;
    color: #fff;
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    transition: all .25s ease;
}

@media screen and (max-width: 768px) {
    .hover-grow.panel-row-style ul li a {
        border-left: none;
        border-right: none;
    }
}

.hover-grow.panel-row-style ul li a:before {
    background: rgba(10, 97, 198, 0.1);
    bottom: 0;
    content: '';
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .25s ease;
}

.hover-grow.panel-row-style ul li a:after {
    bottom: 0;
    content: '';
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .25s ease;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fa534b+0,ff763a+50,ffa038+100&$opacity+0,$opacity+100 */
    background: -moz-linear-gradient(top, rgba(250, 83, 75, 0.83) 0%, rgba(255, 118, 58, 0.83) 50%, rgba(255, 160, 56, 0.83) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(250, 83, 75, 0.83) 0%, rgba(255, 118, 58, 0.83) 50%, rgba(255, 160, 56, 0.83) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(250, 83, 75, 0.83) 0%, rgba(255, 118, 58, 0.83) 50%, rgba(255, 160, 56, 0.83) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4fa534b', endColorstr='#d4ffa038', GradientType=0);
    /* IE6-9 */
}

.hover-grow.panel-row-style ul li a .label {
    color: #fff;
    display: block;
    font-family: "din_medium", Helvetica, sans-serif;
    font-size: 28px;
    font-weight: normal;
    letter-spacing: .35px;
    line-height: 100%;
    left: 50%;
    padding: 200px 0 0;
    position: absolute;
    text-transform: uppercase;
    top: 50%;
    transform: translateX(-50%) translateY(-60%);
    width: 200px;
    z-index: 10;
}

@media screen and (max-width: 1128px) {
    .hover-grow.panel-row-style ul li a .label {
        padding-top: 130px;
    }
}

.hover-grow.panel-row-style ul li a .label:before {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fa534b+0,ff763a+50,ffa038+100&$opacity+0,$opacity+100 */
    background: -moz-linear-gradient(top, rgba(250, 83, 75, 0.25) 0%, rgba(255, 118, 58, 0.25) 50%, rgba(255, 160, 56, 0.25) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(250, 83, 75, 0.25) 0%, rgba(255, 118, 58, 0.25) 50%, rgba(255, 160, 56, 0.25) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(250, 83, 75, 0.25) 0%, rgba(255, 118, 58, 0.25) 50%, rgba(255, 160, 56, 0.25) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4fa534b', endColorstr='#d4ffa038', GradientType=0);
    /* IE6-9 */
    border-radius: 50%;
    content: '';
    display: block;
    height: 154px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 154px;
}

@media screen and (max-width: 1128px) {
    .hover-grow.panel-row-style ul li a .label:before {
        height: 76px;
        width: 76px;
    }
}

.hover-grow.panel-row-style ul li a .label:after {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fa534b+0,ff763a+50,ffa038+100&$opacity+0,$opacity+100 */
    background: -moz-linear-gradient(top, rgba(250, 83, 75, 0.8) 0%, rgba(255, 118, 58, 0.8) 50%, rgba(255, 160, 56, 0.8) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(250, 83, 75, 0.8) 0%, rgba(255, 118, 58, 0.8) 50%, rgba(255, 160, 56, 0.8) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(250, 83, 75, 0.8) 0%, rgba(255, 118, 58, 0.8) 50%, rgba(255, 160, 56, 0.8) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4fa534b', endColorstr='#d4ffa038', GradientType=0);
    /* IE6-9 */
    border-radius: 50%;
    content: '';
    display: block;
    height: 100px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 100px;
}

@media screen and (max-width: 1128px) {
    .hover-grow.panel-row-style ul li a .label:after {
        height: 50px;
        width: 50px;
    }
}

.hover-grow.panel-row-style ul li a .label .icon {
    display: block;
    height: 63px;
    left: 68px;
    position: absolute;
    top: 82px;
    width: 63px;
    z-index: 10;
}

@media screen and (max-width: 1128px) {
    .hover-grow.panel-row-style ul li a .label .icon {
        height: 31px;
        left: 84px;
        top: 63px;
        width: 31px;
    }
}

.hover-grow.panel-row-style ul li a .label .icon:before {
    background: url("../_img/icon-aff-white.png") center center/contain no-repeat;
    bottom: 0;
    content: '';
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .75s ease;
}

.hover-grow.panel-row-style ul li a .label .icon:after {
    background: url("../_img/icon-aff-grad.png") center center/contain no-repeat;
    bottom: 0;
    content: '';
    display: block;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .75s ease;
}

.hover-grow.panel-row-style ul li a:hover,
.hover-grow.panel-row-style ul li a:active {
    bottom: -12px;
    top: -12px;
}

.hover-grow.panel-row-style ul li a:hover:before,
.hover-grow.panel-row-style ul li a:active:before {
    opacity: 0;
}

.hover-grow.panel-row-style ul li a:hover:after,
.hover-grow.panel-row-style ul li a:active:after {
    opacity: 1;
}

.hover-grow.panel-row-style ul li a:hover .label:before,
.hover-grow.panel-row-style ul li a:active .label:before {
    background: rgba(255, 255, 255, 0.1);
}

.hover-grow.panel-row-style ul li a:hover .label:after,
.hover-grow.panel-row-style ul li a:active .label:after {
    background: rgba(255, 255, 255, 0.84);
}

.hover-grow.panel-row-style ul li a:hover .label .icon:before,
.hover-grow.panel-row-style ul li a:active .label .icon:before {
    opacity: 0;
}

.hover-grow.panel-row-style ul li a:hover .label .icon:after,
.hover-grow.panel-row-style ul li a:active .label .icon:after {
    opacity: 1;
}

.hover-grow.panel-row-style ul li a.viable .label .icon:before {
    background-image: url("../_img/icon-via-white.png");
}

.hover-grow.panel-row-style ul li a.viable .label .icon:after {
    background-image: url("../_img/icon-via-grad.png");
}

.hover-grow.panel-row-style ul li a.predictable .label .icon:before {
    background-image: url("../_img/icon-sun-off.png");
}

.hover-grow.panel-row-style ul li a.predictable .label .icon:after {
    background-image: url("../_img/icon-sun.png");
}

.oversize-panel.panel-row-style {
    position: relative;
}

.oversize-panel.panel-row-style .panel-grid-cell {
    background: #edecec;
}

.oversize-panel.panel-row-style .speak-image.panel-widget-style {
    right: 50%;
}

.reverse.oversize-panel.panel-row-style .speak-image.panel-widget-style {
    left: 50%;
    right: 0;
}

@media screen and (max-width: 654px) {
    .reverse.oversize-panel.panel-row-style .speak-image.panel-widget-style {
        left: auto;
        right: auto;
    }
}

@media screen and (max-width: 654px) {
    .oversize-panel.panel-row-style .speak-image.panel-widget-style {
        right: auto;
    }
}

.oversize-panel.panel-row-style .speak.panel-widget-style {
    margin: 40px 0;
}

@media screen and (max-width: 654px) {
    .oversize-panel.panel-row-style .speak.panel-widget-style {
        margin: 0;
    }
}

.oversize-panel.panel-row-style .speak.panel-widget-style:before,
.oversize-panel.panel-row-style .speak.panel-widget-style:after {
    display: none;
}

.oversize-panel.panel-row-style .speak.panel-widget-style h3.widget-title:before {
    display: none;
}

.blue.oversize-panel.panel-row-style .speak.panel-widget-style {
    background: #1c2a35;
}

.blue.oversize-panel.panel-row-style .speak.panel-widget-style p {
    color: #fff;
}

.blue.oversize-panel.panel-row-style .speak.panel-widget-style p:last-child:before {
    display: none;
}

.speak-panel.panel-row-style {
    position: relative;
}

.speak-panel.panel-row-style.half {
    background: #edecec;
    padding: 0px 0 30px !important;
}

.speak-panel.panel-row-style.half .speak.panel-widget-style {
    background: #fff;
    margin-top: -30px;
}

.speak-image.panel-widget-style {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 61.803%;
    top: 0;
}

.speak-panel.half .speak-image.panel-widget-style {
    bottom: 50px;
    right: 50%;
    top: 0px;
}

@media screen and (max-width: 654px) {
    .speak-panel.half .speak-image.panel-widget-style {
        bottom: auto;
        right: auto;
        top: auto;
    }
}

@media screen and (max-width: 654px) {
    .speak-image.panel-widget-style {
        background: none !important;
        bottom: auto;
        left: auto;
        position: relative;
        right: auto;
        top: auto;
    }
}

.speak-image.panel-widget-style img {
    display: none !important;
}

@media screen and (max-width: 654px) {
    .speak-image.panel-widget-style img {
        display: block !important;
    }
}

.speak-image.panel-widget-style.video a {
    background: url("../_img/video-hollow.png") center center/35% no-repeat;
    bottom: 0;
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.speak-image.panel-widget-style.video a:before {
    background: url("../_img/video-hollow.png") center center/35% no-repeat;
    bottom: 0;
    content: '';
    display: none;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

@media screen and (max-width: 654px) {
    .speak-image.panel-widget-style.video a:before {
        display: block;
    }
}

@media screen and (max-width: 654px) {
    .speak-image.panel-widget-style.video a {
        bottom: auto;
        left: auto;
        position: relative;
        right: auto;
        top: auto;
    }
}

.speak.panel-widget-style {
    padding: 7.5% 9.75% 6%;
    position: relative;
}

@media screen and (max-width: 600px) {
    .speak.panel-widget-style {
        padding: 10% 10% 8%;
    }
}

.speak.panel-widget-style:before {
    background: url("../_img/inset-bevel-tall.svg") right center/9px no-repeat;
    bottom: 0;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    content: '';
    display: block;
    left: -9px;
    position: absolute;
    top: 0;
    width: 9px;
}

.speak.panel-widget-style h3.widget-title {
    color: #ff733a;
    display: block;
    font-family: "din_bold", Helvetica, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    letter-spacing: .5px;
    line-height: 100%;
    margin: 25px 0 10px;
    text-transform: uppercase;
}

@media screen and (max-width: 800px) {
    .speak.panel-widget-style h3.widget-title {
        font-size: 13px;
    }
}

@media screen and (max-width: 400px) {
    .speak.panel-widget-style h3.widget-title {
        font-size: 11px;
        margin-top: 15px;
    }
}

.speak.panel-widget-style .textwidget h2 {
    color: #0b2734;
    display: block;
    font-family: "din_regular", Helvetica, sans-serif;
    font-size: 38px;
    font-style: normal;
    font-weight: normal;
    margin: 0;
    text-transform: uppercase;
}

@media screen and (max-width: 600px) {
    .speak.panel-widget-style .textwidget h2 {
        font-size: 24px;
    }
}

.speak.panel-widget-style .textwidget h2 em {
    font-family: "din_regular", Helvetica, sans-serif;
    font-style: normal;
    font-weight: normal;
}

.speak.panel-widget-style .textwidget p {
    color: #333;
    font-size: 21px;
    line-height: 160%;
    max-width: 860px;
}

@media screen and (max-width: 600px) {
    .speak.panel-widget-style .textwidget p {
        font-size: 16px;
    }
}

.hq.panel-widget-style {
    background: #fff;
    margin: 0 0 20px;
    padding: 10%;
}

.hq.panel-widget-style h3.widget-title {
    font-family: "din_bold", Helvetica, sans-serif;
    font-size: 16px;
    font-weight: normal;
    text-transform: uppercase;
}

.hq.panel-widget-style p {
    font-size: 14px;
}

.hq.panel-widget-style p em {
    color: #DD6F3E;
    font-style: normal;
}

.tabs.panel-widget-style {
    text-align: center;
}

.tabs.panel-widget-style a {
    background: #1C2A35;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: "din_bold", Helvetica, sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 100%;
    margin: 0 0 10px;
    padding: 18px 0;
    text-decoration: none;
    text-transform: uppercase;
    transition: all .25s ease;
    vertical-align: bottom;
    width: 32.5%;
}

@media screen and (max-width: 400px) {
    .tabs.panel-widget-style a {
        font-size: 11px;
    }
}

.tabs.panel-widget-style a:nth-child(2) {
    margin: 0 1.25% 10px;
}

@media screen and (max-width: 950px) {
    .tabs.panel-widget-style a:last-child {
        padding: 11px 0;
    }
}

.tabs.panel-widget-style a.active {
    background: #fff;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    color: #1C2A35;
    margin-bottom: 0 !important;
    padding-bottom: 28px;
}

@media screen and (max-width: 950px) {
    .tabs.panel-widget-style a.active:last-child {
        padding: 11px 0 21px;
    }
}

.header.panel-row-style {
    background-color: #eaeaea;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.header.panel-row-style .rec_linkspeak {
    height: 100vh;
}

.header.panel-row-style .widget_sow-editor {
    background: #fff;
    margin: -6% auto 4% !important;
    max-width: 73%;
    position: relative;
}

@media screen and (max-width: 1200px) {
    .header.panel-row-style .widget_sow-editor {
        max-width: 85%;
    }
    .site-header .main-navigation .nav-panel .nav-search-holder .nav-search ul.menu li a {
        font-size: 18px;
    }
}

@media screen and (max-width: 800px) {
    .header.panel-row-style .widget_sow-editor {
        max-width: 90%;
    }
}

@media screen and (max-width: 654px) {
    .header.panel-row-style .widget_sow-editor {
        max-width: 95%;
    }
}

.header.panel-row-style .widget_sow-editor .so-widget-sow-editor {
    padding: 4% 7.5% 0;
}

@media screen and (max-width: 654px) {
    .header.panel-row-style .widget_sow-editor .so-widget-sow-editor {
        padding: 8% 10% 0;
    }
}

.header.panel-row-style .widget_sow-editor .so-widget-sow-editor p {
    color: #666;
    font-size: 24px;
    line-height: 145%;
    letter-spacing: .05px;
    margin: 0 0 6%;
}

@media screen and (max-width: 800px) {
    .header.panel-row-style .widget_sow-editor .so-widget-sow-editor p {
        font-size: 20px;
    }
}

@media screen and (max-width: 654px) {
    .header.panel-row-style .widget_sow-editor .so-widget-sow-editor p {
        font-size: 16px;
        margin: 0 0 10%;
    }
}

.stagger.panel-row-style,
.nostagger.panel-row-style {
    background: #edecec;
    padding: 6% 0 2.5%;
}

.home .stagger.panel-row-style {
    padding-top: 0;
}

.stagger.panel-row-style>.panel-grid-cell:first-child {
    margin-top: -3.5%;
}

.stagger.panel-row-style>.panel-grid-cell:first-child .widget_recurrent_linkspeak_widget .rec_linkspeak {
    border: 1px solid #fff;
    border-left: none;
    height: 0;
    padding: 0 0 54.5%;
}

.nostagger.panel-row-style>.panel-grid-cell:first-child .widget_recurrent_linkspeak_widget .rec_linkspeak,
.nostagger.panel-row-style>.panel-grid-cell:last-child .widget_recurrent_linkspeak_widget .rec_linkspeak {
    border: 1px solid #fff;
    border-left: none;
    height: 0;
    padding: 0 0 54.5%;
}

@media screen and (max-width: 654px) {
    .stagger.panel-row-style>.panel-grid-cell:first-child .widget_recurrent_linkspeak_widget .rec_linkspeak {
        padding: 0 0 100%;
    }
}

.stagger.panel-row-style>.panel-grid-cell:first-child .widget_siteorigin-panels-builder .widget_recurrent_linkspeak_widget .rec_linkspeak {
    border: none;
    height: 0;
    padding: 0 0 107%;
}

.stagger.panel-row-style>.panel-grid-cell:first-child .widget_siteorigin-panels-builder .widget_text .panel-widget-style {
    border: none;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    height: 0;
    padding: 0 0 107%;
}

.stagger.panel-row-style>.panel-grid-cell:last-child .widget_recurrent_linkspeak_widget .rec_linkspeak {
    border-top: 1px solid #fff;
    height: 0;
    padding: 0 0 43%;
}

@media screen and (max-width: 654px) {
    .stagger.panel-row-style>.panel-grid-cell:last-child .widget_recurrent_linkspeak_widget .rec_linkspeak {
        padding: 0 0 100%;
    }
}

.stagger.panel-row-style>.panel-grid-cell:last-child .widget_sow-editor {
    background: #fff;
    padding: 4.5% 7%;
}

.stagger.panel-row-style>.panel-grid-cell:last-child .widget_sow-editor h3.widget-title {
    color: #ff733a;
    font-family: "din_bold", Helvetica, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    letter-spacing: .5px;
    line-height: 100%;
    margin: 25px 0 10px;
    text-transform: uppercase;
}

.stagger.panel-row-style>.panel-grid-cell:last-child .widget_sow-editor p {
    color: #666;
    font-family: "din_regular", Helvetica, sans-serif;
    font-size: 21px;
    font-weight: normal;
    line-height: 160%;
    margin-bottom: 1.25em;
}

@media screen and (max-width: 980px) {
    .stagger.panel-row-style>.panel-grid-cell:last-child .widget_sow-editor p {
        font-size: 24px;
    }
}

.stagger.panel-row-style .panel-widget-style {
    background-position: center center;
    background-repeat: no-repeat;
}

.stagger.panel-row-style .panel-widget-style.video {
    position: relative;
}

.stagger.panel-row-style .panel-widget-style.video a {
    background: url("../_img/icon-video.png") center center/70% no-repeat;
    bottom: 0;
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    text-indent: -10000px;
    top: 0;
}

.cta-panel.panel-row-style {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 7.5% 9.75% 6%;
}

@media screen and (max-width: 600px) {
    .cta-panel.panel-row-style {
        padding: 10% 10% 8%;
    }
}

.cta-panel.panel-row-style h2 {
    color: #0b2734;
    display: block;
    font-family: "din_regular", Helvetica, sans-serif;
    font-size: 38px;
    font-style: normal;
    font-weight: normal;
    margin: 0;
    text-transform: uppercase;
}

@media screen and (max-width: 600px) {
    .cta-panel.panel-row-style h2 {
        font-size: 24px;
    }
}

.cta-panel.panel-row-style h2 em {
    font-family: "din_regular", Helvetica, sans-serif;
    font-style: normal;
    font-weight: normal;
}

.cta-panel.panel-row-style p {
    color: #333;
    font-size: 21px;
    line-height: 160%;
    max-width: 860px;
}

@media screen and (max-width: 600px) {
    .cta-panel.panel-row-style p {
        font-size: 16px;
    }
}

.cta-panel.panel-row-style.white h2,
.cta-panel.panel-row-style.white p {
    color: #fff;
}

.cta-panel.panel-row-style.on-panel .widget.widget_sow-editor {
    background: #fff;
    padding: 2% 4% 0%;
    text-align: center;
}

.cta-panel.panel-row-style.on-panel .widget.widget_sow-editor p {
    margin-left: auto;
    margin-right: auto;
}

.cta-panel.panel-row-style.on-panel.community {
    padding: 20% 9.75% 2%;
}

.cta-panel.panel-row-style.on-panel.community .widget.widget_sow-editor {
    margin: 0 auto;
    max-width: 860px;
}

.cta-panel.panel-row-style.on-panel.community .widget.widget_sow-editor h3 {
    color: #0b2734;
    display: block;
    font-family: "din_bold", Helvetica, sans-serif;
    font-size: 38px;
    font-style: normal;
    font-weight: normal;
    margin: 0;
    text-transform: uppercase;
}

@media screen and (max-width: 600px) {
    .cta-panel.panel-row-style.on-panel.community .widget.widget_sow-editor h3 {
        font-size: 24px;
    }
}

.cta-panel.panel-row-style.on-panel.community .widget.widget_sow-editor h3 em {
    font-family: "din_regular", Helvetica, sans-serif;
    font-style: normal;
    font-weight: normal;
}

.cta-panel.panel-row-style .logos p img {
    display: inline-block;
    margin: 15px;
}

.fixed.panel-row-style {
    margin: 0 auto;
    max-width: 1180px;
}

.fixed.panel-row-style>.panel-grid-cell {
    padding: 0 1%;
}

@media screen and (max-width: 654px) {
    .fixed.panel-row-style>.panel-grid-cell {
        padding: 0 2.5%;
    }
}

.fixed.panel-row-style>.panel-grid-cell:nth-child(2) .widget.widget_sow-editor .panel-widget-style {
    background: #fff;
    padding: 4% 10%;
    margin: 0 0 40px !important;
}

.fixed.panel-row-style>.panel-grid-cell:nth-child(2) .widget.widget_sow-editor .panel-widget-style.form-landowner,
.fixed.panel-row-style>.panel-grid-cell:nth-child(2) .widget.widget_sow-editor .panel-widget-style.form-merger {
    display: none;
}

.page-id-14 .fixed.panel-row-style .widget_sow-editor {
    background: #fff;
    margin: 0 0 7% !important;
    padding: 4% 7.5% 0;
}

@media screen and (max-width: 654px) {
    .page-id-14 .fixed.panel-row-style .widget_sow-editor {
        padding: 8% 10% 0;
    }
}

.page-id-14 .fixed.panel-row-style .widget_sow-editor h3.widget-title {
    color: #1c2a35;
    font: normal 29px/100% "din_bold", Helvetica, sans-serif;
    letter-spacing: .5px;
    text-align: center;
    text-transform: uppercase;
}

.page-id-14 .fixed.panel-row-style .widget_sow-editor h4 {
    border-bottom: 1px solid #dadada;
    color: #686868;
    font: normal 15px/100% "din_bold", Helvetica, sans-serif;
    letter-spacing: .5px;
    margin: 7% auto 20px;
    padding: 0 0 10px;
    text-transform: uppercase;
}

.page-id-14 .fixed.panel-row-style .widget_sow-editor ul {
    list-style: none;
    padding: 0;
    margin: 0 0 5%;
}

.page-id-14 .fixed.panel-row-style .widget_sow-editor ul li {
    padding: 0;
    margin: 0 0 8px;
}

.page-id-14 .fixed.panel-row-style .widget_sow-editor ul li a {
    color: #1c2a35;
    font-size: 22px;
    line-height: 120%;
    text-decoration: none;
}

@media screen and (max-width: 800px) {
    .page-id-14 .fixed.panel-row-style .widget_sow-editor ul li a {
        font-size: 18px;
    }
}

@media screen and (max-width: 654px) {
    .page-id-14 .fixed.panel-row-style .widget_sow-editor ul li a {
        font-size: 15px;
        margin: 0 0 10%;
    }
}

.page-id-14 .fixed.panel-row-style .widget_sow-editor ul li a:hover,
.page-id-14 .fixed.panel-row-style .widget_sow-editor ul li a:active {
    text-decoration: underline;
}

.page-id-14 .fixed.panel-row-style .widget_sow-editor ul li a em {
    color: #686868;
    float: right;
    font: normal normal 15px/120% "din_regular", Helvetica, sans-serif;
    letter-spacing: .5px;
    margin-left: 10px;
    text-transform: uppercase;
}

@media screen and (max-width: 800px) {
    .page-id-14 .fixed.panel-row-style .widget_sow-editor ul li a em {
        float: none;
        font-size: 13px;
        margin-left: 0;
    }
    .page-id-14 .fixed.panel-row-style .widget_sow-editor ul li a em:before {
        content: ', ';
    }
}

@media screen and (max-width: 654px) {
    .page-id-14 .fixed.panel-row-style .widget_sow-editor ul li a em {
        font-size: 10px;
        margin: 0 0 10%;
    }
}

.page-id-14 .fixed.panel-row-style .widget_sow-editor p {
    color: #666;
    font-size: 21px;
    line-height: 160%;
}

@media screen and (max-width: 800px) {
    .page-id-14 .fixed.panel-row-style .widget_sow-editor p {
        font-size: 18px;
    }
}

@media screen and (max-width: 654px) {
    .page-id-14 .fixed.panel-row-style .widget_sow-editor p {
        font-size: 15px;
    }
}

.page-id-14 .fixed.panel-row-style .widget_sow-editor blockquote {
    border: 1px solid #e0e0e0;
    margin: 60px auto;
    padding: 3% 6% 10px;
}

.page-id-14 .fixed.panel-row-style .widget_sow-editor blockquote p {
    color: #686868;
    font-size: 17px;
    line-height: 165%;
}

@media screen and (max-width: 800px) {
    .page-id-14 .fixed.panel-row-style .widget_sow-editor blockquote p {
        font-size: 14px;
    }
}

@media screen and (max-width: 654px) {
    .page-id-14 .fixed.panel-row-style .widget_sow-editor blockquote p {
        font-size: 11px;
    }
}

.gfield_label {
    font-family: "din_bold", Helvetica, sans-serif;
    font-size: 14px !important;
    font-weight: normal !important;
    text-transform: uppercase;
}

.widget_recurrent_leadership_widget {
    background: #edecec;
}

.widget_recurrent_leadership_widget .leadership-wrapper {
    padding: 1px 0 0;
}

.widget_recurrent_leadership_widget .leadership-wrapper h3.widget-title {
    color: #333;
    font: normal 36px/100% "din_regular", Helvetica, sans-serif;
    letter-spacing: .3px;
    margin: 6% 2.5% 4.5%;
    text-align: left;
    text-transform: uppercase;
}

@media screen and (max-width: 600px) {
    .widget_recurrent_leadership_widget .leadership-wrapper h3.widget-title {
        font-size: 24px;
    }
}

.widget_recurrent_leadership_widget .leadership-wrapper h3.widget-title strong {
    font-family: "din_bold", Helvetica, sans-serif;
    font-weight: normal;
}

.widget_recurrent_leadership_widget .leadership-wrapper .profiles {
    display: block;
    height: 0;
    overflow: hidden;
}

.widget_recurrent_leadership_widget .leadership-wrapper .profiles.active {
    display: block;
    height: auto;
    overflow: auto;
}

.widget_recurrent_leadership_widget .leadership-wrapper .profiles .profile {
    display: block;
    position: relative;
}

.widget_recurrent_leadership_widget .leadership-wrapper .profiles .profile .profile-image {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    bottom: 40px;
    left: 0;
    position: absolute;
    right: 50%;
    top: 40px;
}

@media screen and (max-width: 960px) {
    .widget_recurrent_leadership_widget .leadership-wrapper .profiles .profile .profile-image {
        background: none !important;
        bottom: auto;
        left: auto;
        position: relative;
        right: auto;
        top: auto;
    }
}

.widget_recurrent_leadership_widget .leadership-wrapper .profiles .profile .profile-image img {
    display: none;
}

@media screen and (max-width: 960px) {
    .widget_recurrent_leadership_widget .leadership-wrapper .profiles .profile .profile-image img {
        display: block;
        max-width: none;
        width: 100%;
    }
}

.widget_recurrent_leadership_widget .leadership-wrapper .profiles .profile .profile-details {
    background: #fff;
    margin: 0 0 0 50%;
    padding: 5%;
}

@media screen and (max-width: 960px) {
    .widget_recurrent_leadership_widget .leadership-wrapper .profiles .profile .profile-details {
        margin: 0;
    }
}

.widget_recurrent_leadership_widget .leadership-wrapper .profiles .profile .profile-details h3 {
    color: #1c2a35;
    font: normal 29px/100% "din_bold", Helvetica, sans-serif;
    letter-spacing: .5px;
    margin: 0;
    text-transform: uppercase;
}

@media screen and (max-width: 800px) {
    .widget_recurrent_leadership_widget .leadership-wrapper .profiles .profile .profile-details h3 {
        font-size: 20px;
    }
}

.widget_recurrent_leadership_widget .leadership-wrapper .profiles .profile .profile-details h4 {
    color: #1c2a35;
    font: normal 18px/120% "din_regular", Helvetica, sans-serif;
    letter-spacing: .5px;
    margin: 10px auto 36px;
    text-transform: uppercase;
}

@media screen and (max-width: 800px) {
    .widget_recurrent_leadership_widget .leadership-wrapper .profiles .profile .profile-details h4 {
        font-size: 14px;
        margin-bottom: 12px;
    }
}

.widget_recurrent_leadership_widget .leadership-wrapper .profiles .profile .profile-details .profile-content {
    color: #666;
    font-size: 21px;
    line-height: 160%;
}

@media screen and (max-width: 800px) {
    .widget_recurrent_leadership_widget .leadership-wrapper .profiles .profile .profile-details .profile-content {
        font-size: 16px;
    }
}

@media screen and (max-width: 800px) {
    .widget_recurrent_leadership_widget .leadership-wrapper .profiles .profile .profile-details .profile-content p:last-child {
        margin-bottom: 0;
    }
}

.widget_recurrent_leadership_widget .leadership-wrapper ul.slick-dots {
    list-style: none;
    margin: 0 5% 20px;
    max-width: 40%;
    padding: 0;
    text-align: center;
}

@media screen and (max-width: 960px) {
    .widget_recurrent_leadership_widget .leadership-wrapper ul.slick-dots {
        max-width: 90%;
    }
}

.widget_recurrent_leadership_widget .leadership-wrapper ul.slick-dots li {
    display: inline-block;
    margin: 0 8px 0px;
    vertical-align: top;
}

.widget_recurrent_leadership_widget .leadership-wrapper ul.slick-dots li a {
    border-top: 3px solid rgba(255, 115, 58, 0);
    color: #22303a;
    cursor: pointer;
    display: block;
    font: normal 15px/100% "din_medium", Helvetica, sans-serif;
    letter-spacing: .5px;
    padding: 9px;
    text-decoration: none;
    text-transform: uppercase;
}

.widget_recurrent_leadership_widget .leadership-wrapper ul.slick-dots li.slick-active a {
    border-color: #ff733a;
    font-family: "din_bold", Helvetica, sans-serif;
}

.widget_recurrent_leadership_widget .leadership-wrapper ul.teams {
    list-style: none;
    margin: 0 5% 40px;
    max-width: 40%;
    padding: 0;
    text-align: center;
}

@media screen and (max-width: 960px) {
    .widget_recurrent_leadership_widget .leadership-wrapper ul.teams {
        max-width: 90%;
    }
}

.widget_recurrent_leadership_widget .leadership-wrapper ul.teams li {
    background: #cdcdcd;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font: normal 12px/100% "din_bold", Helvetica, sans-serif;
    letter-spacing: .5px;
    margin: 0 .5%;
    padding: 14px 6px;
    position: relative;
    text-transform: uppercase;
    vertical-align: top;
    width: 49%;
}

.widget_recurrent_leadership_widget .leadership-wrapper ul.teams li:before {
    background: #cdcdcd;
    content: '';
    display: block;
    height: 14px;
    left: 50%;
    margin-left: -7px;
    opacity: 0;
    position: absolute;
    transform: rotate(-45deg);
    transition: all .25s ease;
    top: 4px;
    width: 14px;
}

.widget_recurrent_leadership_widget .leadership-wrapper ul.teams li.active {
    background: #ff733a;
}

.widget_recurrent_leadership_widget .leadership-wrapper ul.teams li.active:before {
    background: #ff733a;
    opacity: 1;
    top: -4px;
}

body.search {
    background: #f1f1f1;
}

body.search .page-header {
    background: url("../../../uploads/2016/12/Recurrent-Energy_Garland-Solar-Project.jpg") center center/cover no-repeat;
    height: 80vh;
    position: relative;
}

body.search .page-header a.post.speak,
body.search .page-header h1.page-title {
    background: #fff;
    border-radius: 5px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    border-right: 9px solid #fff;
    color: #0b2734;
    display: block;
    font-family: "din_regular", Helvetica, sans-serif;
    font-size: 37px;
    font-style: normal;
    font-weight: normal;
    left: 3%;
    letter-spacing: .45px;
    line-height: 126%;
    margin: 0;
    margin-right: 3%;
    max-width: 50%;
    padding: 2.0% 3.5% 1.5% 2.5%;
    position: absolute;
    text-decoration: none;
    text-transform: uppercase;
    top: 50%;
    transform: translateY(-50%);
}

@media screen and (max-width: 800px) {
    body.search .page-header a.post.speak,
    body.search .page-header h1.page-title {
        max-width: 75%;
    }
}

@media screen and (max-width: 600px) {
    body.search .page-header a.post.speak,
    body.search .page-header h1.page-title {
        font-size: 24px;
    }
}

@media screen and (max-width: 400px) {
    body.search .page-header a.post.speak,
    body.search .page-header h1.page-title {
        left: 20px;
        max-width: 90%;
        padding: 5% 4% 4%;
    }
}

body.search .page-header a.post.speak:before,
body.search .page-header h1.page-title:before {
    background: url("../_img/inset-bevel-tall.svg") right center/9px no-repeat;
    bottom: 0;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    content: '';
    display: block;
    left: -9px;
    position: absolute;
    top: 0;
    width: 9px;
}

body.search .page-header a.post.speak .post-date,
body.search .page-header a.post.speak .subtitle,
body.search .page-header h1.page-title .post-date,
body.search .page-header h1.page-title .subtitle {
    color: #ff733a;
    display: block;
    font-family: "din_bold", Helvetica, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    letter-spacing: .5px;
    line-height: 100%;
    margin: 0 0 10px;
    text-transform: uppercase;
}

@media screen and (max-width: 800px) {
    body.search .page-header a.post.speak .post-date,
    body.search .page-header a.post.speak .subtitle,
    body.search .page-header h1.page-title .post-date,
    body.search .page-header h1.page-title .subtitle {
        font-size: 13px;
    }
}

@media screen and (max-width: 400px) {
    body.search .page-header a.post.speak .post-date,
    body.search .page-header a.post.speak .subtitle,
    body.search .page-header h1.page-title .post-date,
    body.search .page-header h1.page-title .subtitle {
        font-size: 11px;
        margin-top: 0;
    }
}

body.search .page-header a.post.speak strong,
body.search .page-header h1.page-title strong {
    display: block;
    font-family: "din_bold", Helvetica, sans-serif;
    font-weight: normal;
}

.page-id-22body.search .page-header a.post.speak strong,
body.search .page-header h1.page-title strong {
    display: inline;
}

body.search .page-header a.post.speak .title,
body.search .page-header h1.page-title .title {
    display: block;
}

body.search .page-header a.post.speak .button,
body.search .page-header h1.page-title .button {
    display: inline-block;
}

body.search .page-header a.post.speak {
    font-size: 32px;
    left: auto;
    margin: 0 0 0 3%;
    padding: 3% 3.5% 3% 4%;
    right: 3%;
}

body.search .page-header a.post.speak .title {
    display: block;
    margin: 8px 0 15px;
}

@media screen and (max-width: 600px) {
    body.search .page-header a.post.speak .title {
        font-size: 24px;
        line-height: 120%;
    }
}

body.search #content article {
    background: #fff;
    display: block;
    margin: 0 auto 15px;
    max-width: 960px;
    padding: 2% 3%;
    position: relative;
    text-decoration: none;
}

body.search #content article:nth-child(2) {
    margin-top: -66px;
    z-index: 100;
}

body.search #content article .entry-header {
    background: no-repeat;
    height: auto;
    padding: 0;
}

body.search #content article .entry-header .entry-meta .posted-on a {
    color: #ff733a;
    display: block;
    font-family: "din_bold", Helvetica, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    letter-spacing: .5px;
    line-height: 100%;
    margin: 6px 0 10px;
    text-decoration: none;
    text-transform: uppercase;
}

@media screen and (max-width: 800px) {
    body.search #content article .entry-header .entry-meta .posted-on a {
        font-size: 12px;
    }
}

@media screen and (max-width: 400px) {
    body.search #content article .entry-header .entry-meta .posted-on a {
        font-size: 10px;
        margin-top: 15px;
    }
}

body.search #content article .entry-header .entry-title {
    font-weight: normal;
    margin: 10px 0;
}

body.search #content article .entry-header .entry-title a {
    color: #333;
    display: block;
    font-size: 26px;
    line-height: 130%;
    margin: 0 0 18px;
    text-decoration: none;
}

@media screen and (max-width: 980px) {
    body.search #content article .entry-header .entry-title a {
        font-size: 18px;
    }
}

body.search #content article .entry-summary p:last-child {
    margin-bottom: 0;
}

body.search #content article .entry-summary .button.moretag {
    display: block;
    margin: 25px 0 0;
    max-width: 150px;
    text-align: center;
}

body.search #content .posts-navigation {
    padding: 0 20px 30px;
}

body.search #content .posts-navigation .nav-links {
    margin: 30px auto 0;
    max-width: 960px;
}

.site-footer {
    background: #edecec;
    display: block;
    padding: 0 0 0 22%;
    position: relative;
    width: 100%;
}

@media screen and (max-width: 980px) {
    .site-footer {
        padding-left: 30%;
    }
}

@media screen and (max-width: 600px) {
    .site-footer {
        padding-left: 0;
    }
}

.site-footer h2.logo {
    background: url("../_img/logo-grayblue.svg") 67% 40%/56% no-repeat #e4e4e4;
    bottom: 0;
    display: block;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    text-indent: -10000px;
    top: 0;
    width: 22%;
}

@media screen and (max-width: 980px) {
    .site-footer h2.logo {
        width: 30%;
    }
}

@media screen and (max-width: 600px) {
    .site-footer h2.logo {
        background-position: center center;
        background-size: 65%;
        bottom: auto;
        left: auto;
        height: 0;
        padding: 0 0 40%;
        position: relative;
        right: auto;
        top: auto;
        width: 100%;
    }
}

.site-footer ul {
    list-style: none;
    margin: 0;
    padding: 4.5% 6.25%;
    text-align: left;
}

@media screen and (max-width: 600px) {
    .site-footer ul {
        padding: 20% 12% 5%;
        background-color: #ccc;
    }
}

.site-footer ul li {
    /*   display: inline-block;
      list-style: none;
      margin: 0 0 30px;
      padding: 0 90px 0 0;
      vertical-align: top; 
    */
    display: inline;
    list-style: none;
    margin: 0 0 30px;
    padding: 0;
    vertical-align: top;
    padding-left: 90px;
    float: left;
}

.site-footer ul li:first-child {
    padding-left: 0;
}

.site-footer ul li.storage-link,
.site-footer ul li.news-link {
    padding-left: 70px !important;
}


/*    @media screen and (max-width: 980px) {
        .site-footer ul li {
          width: 32% !important; } }
      @media screen and (max-width: 600px) {
        .site-footer ul li {
          display: block;
          width: 100% !important; } }
*/

.site-footer ul li a {
    color: #686868;
    display: block;
    font-family: "din_regular", Helvetica, sans-serif;
    font-size: 15px;
    font-weight: normal;
    letter-spacing: .4px;
    line-height: 100%;
    margin: 0 0 15px;
    text-decoration: none;
    text-transform: uppercase;
}

.site-footer ul li .sub-menu {
    margin: 0;
    padding: 0;
}

.site-footer ul li .sub-menu li {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100% !important;
}

.site-footer ul li .sub-menu li a {
    color: #929191;
    font-family: "din_regular", Helvetica, sans-serif;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 0;
    line-height: 120%;
    margin: 0 0 12px;
    text-transform: none;
}

.site-footer .click {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

.site-footer .click .box {
    position: absolute;
    top: 40%;
    left: 50%;
    font-size: 0.875rem;
    border-radius: 8px;
    box-shadow: 0 0 4px #ccc;
    background: #fff;
    width: 20rem;
    text-align: center;
    padding: 1rem;
    box-sizing: border-box;
    text-align: center;
    margin-left: -10rem;
}

.site-footer .click .box p {
    margin: 0;
}

.site-footer .click .box .ok {
    text-align: right;
}

.site-footer .click .box .ok a {
    margin-top: 1rem;
    display: inline-block;
    background: #dc2d28;
    border-radius: 6px;
    color: #fff;
    padding: 0.5rem 1rem;
    text-decoration: none;
}

.deletion-form-div .gform_title {
    text-align: center;
    color: #ff733a;
    font-family: "din_bold", Helvetica, sans-serif;
}

.deletion-form-div .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
.deletion-form-div .gform_wrapper ul.gform_fields li.gfield select {
    width: 100%;
    min-height: 36px;
}

.deletion-form-div .gform_footer {
    text-align: center;
}
/*------*/
@keyframes smoothScroll {
	0% {
		transform: translateY(-10px);
	}
	100% {
		transform: translateY(0px);
	}
}
/*ul.menu li ul {
    position: absolute;
    -webkit-transition: height 1s linear 0s;
    -moz-transition: height 1s linear 0s;
    -ms-transition: height 1s linear 0s;
    -o-transition: height 1s linear 0s;
    transition: height 1s linear 0s;
    height: 0px;
    overflow:hidden;
}
ul.menu li:hover ul {
    height: 100px;
    -webkit-transition: height 1s linear 0s;
    -moz-transition: height 1s linear 0s;
    -ms-transition: height 1s linear 0s;
    -o-transition: height 1s linear 0s;
    transition: height 1s linear 0s;
}*/