/*

Theme Name: Visia
Theme URI: http://themeforest.net
Description: Responsive One Page Portfolio
Version: 1.1.0
Author: bitfade
Author URI: http://themeforest.net/user/bitfade
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: photoblogging

*/

/*alignment inside post page content*/
.alignright,
.alignleft,
.aligncenter,
.sticky,
.wp-caption-text,
.wp-caption,
.bypostauthor,
.gallery-caption {

}

.alignright {
    float: right;
    clear: right;
    margin-left: 20px;
    margin-bottom: 10px;
}

.alignleft {
    float: left;
    clear: left;
    margin-right: 20px;
    margin-bottom: 10px;
}

.aligncenter {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
}

strong {
    font-weight: bold;
    font-weight: 700;
}

cite, var, em {
    font-style: italic;

}


ins {
    text-decoration: none;
}

.pe-wp-default h1,
div.post h1 a,
.pe-wp-default a,
.page-title h1 {
    -moz-hyphens: auto;
    word-wrap: break-word;
}

.format-aside {
    border-left-width: 22px;
    border-left-style: solid;
    padding: 20px;
}

.sticky .post-title h1 {
    padding: 10px 10px;
}

/*WPML*/

/*drop list*/
#lang_sel,
#lang_sel_click {
    height: 20px;
    z-index: 2000;
}

#lang_sel_click img.iclflag {
    float: left;
    padding-top: 5px;
    margin-right: 5px;
}

#lang_sel_click ul ul img.iclflag {
    padding-top: 0px;
    top: 2px;
    margin-right: 0;
}

#lang_sel ul ul li a:hover,
#lang_sel ul ul li,
#lang_sel ul ul li a:hover span {
    color: #666;
}

#lang_sel ul ul li:hover a,
#lang_sel_click ul ul li:hover a {
    color: #666;
    background-color: #fff;
}

#lang_sel a,
#lang_sel a:visited {
    border-color: #e9e9e9;
}

.sidebar #lang_sel li {
    width: 100%;
}

.sidebar #lang_sel {
    display: block;
    height: 34px;
}

#lang_sel ul ul a,
#lang_sel ul ul a:visited,
#lang_sel_click ul ul a,
#lang_sel_click ul ul a:visited {
    background-color: #fff;
    border-color: #e9e9e9;
    color: #666;
}


.widget #lang_sel ul ul a,
.widget #lang_sel ul ul a:visited,
.widget #lang_sel a.lang_sel_sel,
.widget #lang_sel_click ul ul a,
.widget #lang_sel_click ul ul a:visited,
.widget #lang_sel_click a.lang_sel_sel {
    background-color: #fff;
    border-color: #e9e9e9;
    color: #666;
}


.widget #lang_sel ul ul a {
    padding: 8px;
    display: block;
}

.widget #lang_sel a.lang_sel_sel:hover,
.widget #lang_sel ul ul li:hover a,
.widget #lang_sel_click a.lang_sel_sel:hover,
.widget #lang_sel_click ul ul li:hover a {
    background-color: #fdfdfd;
    border-color: #e9e9e9;
    color: #666;
}

.widget #lang_sel ul ul li:hover a span {
    color: #666 !important;
}

.widget #lang_sel ul ul li:hover,
.widget #lang_sel ul ul li:hover a {
    border-color: #e9e9e9;
}

.widget #lang_sel a.lang_sel_sel {
    padding: 4px 4px 4px 8px;
}


#lang_sel ul ul,
#lang_sel_click ul ul {
    border-top-color: #777;
}

.widget #lang_sel ul ul a,
#lang_sel ul ul a,
#lang_sel_click ul ul a {
    line-height: 16px !important;
}

#lang_sel ul ul, #lang_sel_click ul ul {
    border-top-color: #e9e9e9;
}

/*#lang_sel ul ul:hover{
	border-top-color:#666;
}*/

#lang_sel,
#lang_sel_click {
    z-index: 1990;
}

.sidebar #lang_sel ul ul {
    top: 33px;
    width: 100%;
}

#lang_sel ul ul a:hover {
    background-color: #fff;
    color: #666;
}

#lang_sel a span.icl_lang_sel_current {
    /*color:#c0c0c0 !important;*/
    display: inline;
}

#lang_sel a span {
    font-style: normal;
    color: #444;
    font-size: 11px;
    display: inline;
}

/*normal list*/

#lang_sel {
    font-family: 'Open Sans', arial, sans-serif;
    font-weight: 400;
}

#lang_sel a {
    font-size: 12px;
}

#lang_sel a.lang_sel_sel,
#lang_sel_click a.lang_sel_sel {
    background-color: #fff;
    background-position: 90% 50%;
    color: #666;
    border-color: #e9e9e9;
}

#lang_sel a.lang_sel_sel:hover,
#lang_sel_click a.lang_sel_sel:hover {
    color: #666;
    background-color: #fff;
}

#lang_sel_list {
    position: absolute;
    top: 10px;
    right: 30px;
    width: auto;
}

#lang_sel_list ul {
    width: auto;
    border: none;
}

#lang_sel_list li {
    width: auto;
}

#lang_sel_list a, #lang_sel_list a:visited {
    border: none;
}

#lang_sel img.iclflag {
    display: inline;
    top: 0;
    margin-right: 3px;
}

#lang_sel_list a.lang_sel_sel,
#lang_sel_list a span {
    color: #c2c2c2 !important;
}

#lang_sel_list a:hover span {
    color: #D73300 !important;
}

#lang_sel_list a span.icl_lang_sel_current,
#lang_sel_list a:hover span.icl_lang_sel_current {
    color: #333 !important;
    cursor: default;
}

.pe-wpml-lang-selector {
    position: absolute;
    margin-left: 35px;
    top: 16px;
    display: inline-block;
}

/*media query to hide language names in iphone portrait and leave only flags*/
@media (max-width: 479px) {
    nav #lang_sel a span.icl_lang_sel_current {
        display: none;
    }

    nav #lang_sel a.lang_sel_sel,
    nav #lang_sel_click a.lang_sel_sel {
        width: 38px;
        padding-left: 4px;
    }

    nav #lang_sel li {
        width: auto;
    }

    nav #lang_sel ul ul a,
    nav #lang_sel_click ul ul a,
    nav #lang_sel_click ul ul {
        width: 38px;
        padding-left: 4px;
    }

    nav #lang_sel ul ul a,
    nav #lang_sel_click ul ul a {
        height: 26px;
    }

    nav #lang_sel ul ul {
        width: 38px;
    }

    nav #lang_sel a span {
        font-size: 1px;
        display: none;
        color: #fff;
    }

    nav #lang_sel a.lang_sel_sel {
        background-position: 100% 50%;
    }
}


/* Responsive images */

.pe-wp-default img,
.pe-wp-default .comment-body img {
    max-width: 100%;
}

.pe-wp-default img[class*="align"],
.pe-wp-default img[class*="wp-image-"],
.pe-wp-default img[class*="attachment-"] {
    height: auto;
}

.pe-wp-default img.size-full,
.pe-wp-default img.size-large,
.pe-wp-default img.header-image,
.pe-wp-default img.wp-post-image {
    max-width: 100%;
    height: auto;
}

.pe-wp-default .wp-caption {
    max-width: 100%;
    padding: 4px;
}

.pe-wp-default .wp-caption .wp-caption-text,
.pe-wp-default .gallery-caption,
.pe-wp-default .entry-caption {
    font-style: normal;
    font-size: 12px;
    line-height: 20px;
}

.pe-wp-default .wp-caption .wp-caption-text > a,
.pe-wp-default .gallery-caption > a,
.pe-wp-default .entry-caption > a {
    text-decoration: underline;
}

.pe-wp-default .gallery-item {
    margin: 0;
}

.pe-wp-default .gallery-item > .gallery-icon > a > img {
    display: inline;
}

.pe-wp-default .gallery-item a,
.pe-wp-default .gallery-caption {
    width: 90%;
}

.pe-wp-default .gallery-item a {
    display: block;
}

.pe-wp-default .gallery-caption a {
    display: inline;
}

.pe-wp-default .gallery-columns-1 .gallery-item a {
    max-width: 100%;
    width: auto;
}

.pe-wp-default .gallery .gallery-icon img {
    height: auto;
    max-width: 90%;
    padding: 5%;
}

.pe-wp-default .gallery-columns-1 .gallery-icon img {
    padding: 3%;
}

/*tables*/

.pe-wp-default table,
.pe-wp-default .comment-body table {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    font-size: 12px;
    line-height: 2;
    margin: 0 0 24px;
    width: 100%;
}

.pe-wp-default th {
    font-size: 12px;
    font-weight: bold;
    line-height: 2.18182;
    text-transform: uppercase;
}

.pe-wp-default td, .pe-wp-default .comment-body td {
    border-top-width: 1px;
    border-top-style: solid;
    padding: 6px 10px 6px 0;
}

.pe-wp-default caption, .pe-wp-default th, .pe-wp-default td {
    font-size: 12px;
    text-align: left;
}

/*definition lists*/

.pe-wp-default dl, .pe-wp-default .comment-body dl {
    margin-left: 20px;
    margin-right: 20px;
}

.pe-wp-default dt, .pe-wp-default .comment-body dt {
    font-weight: bold;
    line-height: 22px;
}

.pe-wp-default dd, .pe-wp-default .comment-body dd {
    line-height: 22px;
    margin-bottom: 22px
}

/*Lists*/

.pe-wp-default ul, .pe-wp-default .comment-body ul, .pe-wp-default .mu_register ul {
    list-style: disc outside none;
}

.pe-wp-default ol, .pe-wp-default .comment-body ol {
    list-style: decimal outside none;
}

.pe-wp-default ol, .pe-wp-default .comment-body ol, .pe-wp-default ul, .pe-wp-default .comment-body ul, .pe-wp-default .mu_register ul {
    line-height: 22px;
    margin: 0 0 20px;
}

.pe-wp-default li, .pe-wp-default .comment-body li, .pe-wp-default .mu_register li {
    margin: 0 0 0 30px;
}

.pe-wp-default ul ul, .pe-wp-default .comment-body ul ul, .pe-wp-default ol ol, .pe-wp-default .comment-body ol ol, .pe-wp-default ul ol, .pe-wp-default .comment-body ul ol, .pe-wp-default ol ul, .pe-wp-default .comment-body ol ul {
    margin-bottom: 0;
}

/*html tags*/

.pe-wp-default address, .pe-wp-default .comment-body address {
    display: block;
    line-height: 22px;
    margin: 0 0 22px;
    font-style: italic;
}


.pe-wp-default abbr, .pe-wp-default .comment-body abbr, .pe-wp-default dfn, .pe-wp-default .comment-body dfn, .pe-wp-default acronym, .pe-wp-default .comment-body acronym {
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    cursor: help;
}


.pe-wp-default code, .pe-wp-default .comment-body code,
.pe-wp-default kbd, .pe-wp-default tt {
    font-family: Consolas, Monaco, Lucida Console, monospace;
    font-size: 11px;
    line-height: 2;
}

.pe-wp-default pre, .pe-wp-default .comment-body pre {
    border-width: 1px;
    border-style: solid;
    font-family: Consolas, Monaco, Lucida Console, monospace;
    font-size: 12px;
    line-height: 20px;
    margin: 20px 0;
    overflow: auto;
    padding: 20px;
}

blockquote, q {
    quotes: none;
}

sub {
    bottom: -0.25em;
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

.pe-wp-default embed,
.pe-wp-default iframe,
.pe-wp-default object,
.pe-wp-default video {
    max-width: 100%;
}

.pe-wp-default .twitter-tweet-rendered {
    max-width: 100% !important; /* Override the Twitter embed fixed width */
}


.pe-wp-default h1 {
    font-size: 70px;
}

.page-links {
    float: left;
    clear: both;
    margin-bottom: 20px;
}

.page-links > a {
    padding: 2px 5px;
}

.post.format-aside {
    border-top: none;
}

/* to go on top of wp admin bar */
.peFlareLightbox {
    z-index: 99999 !important;
}

/*
** Add the portfolio hover effect to the staff
** Edit by: Ciprian T
*/
.stafflist a.linkto {
    position: absolute;
    left: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}

.stafflist a.linkto:hover {
    cursor: url('images/cursors/more.cur'), crosshair;
    cursor: url('images/cursors/more.png') 40 40, crosshair;
}

.stafflist a.linkto:hover ~ .staffinner {
    background: #176B90;
}

.stafflist a.linkto:hover ~ .staffinner img {
    visibility: hidden;
}

.stafflist a.linkto:hover ~ .staffinner .team-pos,
.stafflist a.linkto:hover ~ .staffinner a,
.stafflist a.linkto:hover ~ .staffinner small {
    color: #fff;
}

.stafflist .staffinner {
    padding-bottom: 10px;
}

.stafflist .staffinner h5 a {
    color: #fff;
}

.stafflist .staffinner small {
    color: #fff;
    display: none;
}

.stafflist .staffinner:hover small {
    display: none;
}

.staff-single h4.pos {
    font-size: 18px;
    font-weight: lighter;
    text-transform: none;
    color: #4f7d97;
    border-bottom: 1px solid #e4e4e4;
    padding-bottom: 25px;
    margin-bottom: 25px;
}

.team-pos {
    margin: 5px 0 -5px;
    position: relative;
}

.team-list .team-member {
    min-height: 210px;
    position: relative;
    margin-bottom: 40px;
}

.team-list .team-member small {
    line-height: 1.25;

    margin-top: 5px;
}

.team-list .team-member:first-child {
}

@media screen and ( min-width: 960px ) {
    .team-list .team-member:nth-child(5n+1) {
        clear: both;
        margin-left: -201px;
    }

    .team-list .team-member:nth-child(5n+5) {
        margin-right: -201px;
        float: right;
    }
}

.navigation .nav-content li {
    line-height: 45px;
}

.navigation .nav-content a {
    font-size: .9em;
}

.home-first-section {
    height: auto;
}

.home-first-section .godown {
    position: absolute;
    z-index: 9999;
    right: 0;
    top: 50%;
    overflow: hidden;
}

.home-first-section .godown a {
    position: relative;
    right: -100px;
    display: block;
    background: #FFFFFF;
    /*font-size: 3em;*/
    padding-right: 10px;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}

.home-first-section .godown a:hover,
.home-first-section .godown a:active,
.home-first-section .godown a:focus {
    right: 0;
}

.home-first-section .godown i {
    font-size: 3em;
    vertical-align: middle;
}

.home-first-section .godown i:before {
    vertical-align: 0;
}

.home-first-section .call-to-action {
    padding: 0;
}

.home-first-section .call-to-action .button {
    border-color: #222 !important;
    padding: 10px 40px;
}

.home-first-section .ticker,
.home-first-section .ticker h1 {
    height: auto;
}

.home-first-section .ticker h1 a {
    color: #222 !important;
    font-weight: 300;
}

.home-first-section .ticker h1 a:hover {
    color: #176b90 !important;
}

.dark a.goingdown {
}

nav.clearfix,
.home-first-section .content.container {
    height: 82px;
}

/*
@media screen and ( max-width: 1043px ) {
    .team-list .team-member {}
    .team-list .team-member:nth-child(4n+1) {
        clear: both;
        margin-left: -201px;
    }
    .team-list .team-member:nth-child(4n+4) {
        margin-right: -201px;
        float: right;
    }
}*/

.icons .overview {
    float: none;
    display: inline-block;
    width: 33%;
}

.container {
    z-index: 9;
}

.home-first-section .content.container {
    background: #fff;
    padding: 10px;
    color: #222;
    width: 100% !important;
    max-width: none;
    display: table;
    padding-left: 5%;
    padding-right: 5%;
}

.home-first-section .content.container h1,
.home-first-section .content.container p,
.home-first-section .content.container a.button {
    color: #222 !important;
}

.home-first-section .content.container > .ticker,
.home-first-section .content.container > p,
.home-first-section .content.container > .call-to-action {
    display: table-cell;
    vertical-align: middle;
}

.home-first-section .content.container > p {
    line-height: 1.3;
    padding: 0 10px;
}

.ct {
    width: 100%;
    height: 50%;
    top: 0;
    left: 0;
    position: relative;
    z-index: 1;
}


#top {
    width: 285px;
    display: inline-block;
}

#glow-360-tour-icon {
    padding: 10px;
    padding-right: 0;
    font-size: 1.25em;
    position: absolute;
    z-index: 9999;
    bottom: 3%;
    right: 5%;
    text-shadow: 1px 1px 4px #000;
    color: #fff;
}

/*
 * Video tour
 */
@-ms-viewport {
    width: device-width;
}

div#container {
    height: 100%;
    min-height: 100%;
    width: 100%;
    margin: 0 auto;
}

div#tourDIV {
    cursor: move;
    height: 100%;
    position: relative;
    overflow: hidden;
}

div#panoDIV {
    cursor: move;
    height: 100%;
    position: relative;
    overflow: hidden;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.project-hero {
    text-align: center;
}

/*
 * Mobile
 */
.mobile.navigation {
    background: #FFFFFF;
    margin: 0;
    padding: 0 5%;
    width: 100%;
}

/*
 * Kontakt page
 */
#kontakt .sub-heading {
    max-width: none;
}

.sub-heading-team-text {
    max-width: 100%;
}

/*.team-list-text li {text-align: left; margin-bottom:30px; min-height:96px}*/
/*.team-list-text li p {margin:0; text-align:center; display:block;}*/
/*.team-list-text li h4 {text-transform: uppercase; text-align:center; margin:0;}*/

/* @Valentin - add Home stuff featured image  05.12.17 */

@-webkit-keyframes slide-in-top {
    0% {
        -webkit-transform: translate3d(0, 83%, 0);
        transform: translate3d(0, 83%, 0);
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slide-in-top {
    0% {
        -webkit-transform: translate3d(0, 83%, 0);
        transform: translate3d(0, 83%, 0);
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.team-list-text > li {
    position: relative;
    margin-bottom: 25px;
    text-align: left;
    overflow: hidden;
}

.member-card {
    cursor: pointer;
}

.member-card img {
    width: 100%;
    display: block;
}

.member-card-overlay {
    background-color: #186C91;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translate3d(0, 85%, 0);
    transform: translate3d(0, 85%, 0);
    width: 100%;
    height: 100%;
    padding: 15px;
    -webkit-transition: all 2s ease;
    -o-transition: all 2s ease;
    transition: all 2s ease;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    cursor: pointer;
}

.slide-in-top .member-card-overlay {
    -webkit-animation-name: slide-in-top;
    animation-name: slide-in-top;
}

.slide-in-top.find-more {
    overflow: visible;
}

.find-more .member-card-overlay {
    display: table;
    z-index: 2;
}


.direction-reveal-title {
    color: #fff;
}

.direction-reveal-text {
    color: #186C91;
}

.slide-in-top .direction-reveal-text {
    color: #fff;
}

.direction-reveal-title {
    margin-bottom: 0;
}

.direction-reveal-text {
    font-size: 12px;
}

.staff-position,
.staff-mail {
    font-size: 13px;
}


.staff-position {
    margin-bottom: 25px;
    display: block;
    font-weight: 600;
}

.staff-mail {
    color: #fff;
    margin-bottom: 20px;
    display: inline-block;
}

.member-info-wrap {
    position: relative;
    height: 100%;
}

.member-social {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}

.find-more .member-social {
    position: inherit;
}

.social-list li {
    color: #fff;
    text-align: center;
}

.social-list li a {
    opacity: 0.9;
}

.social-list li p {
    margin-bottom: 0;
}

.icon-circle.light {
    font-size: 30px;
    border-width: 0;
    width: 40px;
    height: 40px;
}


@media only screen and (min-width: 500px) {
    .team-list {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-align-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
    }

    .team-list-text > li {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 49%;
        -ms-flex: 0 0 49%;
        flex: 0 0 49%;
    }

    .member-card-overlay {
        -webkit-transform: translate3d(0, 80%, 0);
        transform: translate3d(0, 80%, 0);
    }
}

@media only screen and (min-width: 768px) {
    .team-list-text > li {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 31.623931623931625%;
        -ms-flex: 0 0 31.623931623931625%;
        flex: 0 0 31.623931623931625%;
    }

    .member-card-overlay {
        -webkit-transform: translate3d(0, 75%, 0);
        transform: translate3d(0, 75%, 0);
    }

    .direction-reveal-text {
        font-size: 13px;
    }

}

@media only screen and (min-width: 1024px) {
    .member-card-overlay {
        -webkit-transform: translate3d(0, 80%, 0);
        transform: translate3d(0, 80%, 0);
    }
}

/* @Valentin 07.12.17 - BackStretch Slider */
.home-image {
    position: relative;
}

.js-slider-nav {
    /*//margin-bottom: 40px;*/
    position: absolute;
    bottom: 50px;
    left: 0;
    right: 0;
    margin: auto;
    width: 200px;
}

.dots {
    bottom: 57px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%;
}

.dots li {
    position: relative;
    display: inline-block;
    height: 25px;
    width: 10px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}

.dots li button {
    border: 0;
    background: transparent;
    display: block;
    height: 25px;
    width: 25px;
    outline: none;
    line-height: 0;
    font-size: 0;
    color: transparent;
    padding: 0;
    cursor: pointer;
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
}

.dots li button:hover, .dots li button:focus {
    outline: none;
}

.dots li button:before {
    background-color: #186C91;
    width: 25px;
    height: 25px;
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    line-height: 20px;
    text-align: center;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.dots li.active button:before {
    background-color: #fff;
}

.js-slider-arrows {
    top: 40%;
    -webkit-transform: translate(0, -40%);
    -ms-transform: translate(0, -40%);
    transform: translate(0, -40%);
    position: absolute;
    width: 100%;
}

.backstretch-prev,
.backstretch-next {
    color: #186C91;
    background-color: transparent;
    position: absolute;
    display: none;
    height: 130px;
    width: 50px;
    font-size: 140px;
    line-height: 0;
    cursor: pointer;
    padding: 0;
    border: none;
    outline: none;
}

.backstretch-prev:hover,
.backstretch-prev:focus,
.backstretch-next:hover,
.backstretch-next:focus {
    outline: none;
    /*background: #fff;*/
    /*color: #186C91;*/
}

@media only screen and (min-width: 768px) {
    .backstretch-prev,
    .backstretch-next {
        display: block;
    }

    .backstretch-prev {
        left: 80px;
    }

    .backstretch-next {
        right: 80px;
    }
}


/* @Valentin - 360 hover */

@media screen and (min-width: 1024px) {
    .projectlist li a {
        padding-bottom: 5px;
    }
}

.degree-hover {
    font-size: 25px;
    display: inline;
    position: relative;
    text-align: center;
    cursor: pointer;
}

.degree-hover .degree {
    left: 0;
    position: absolute;
    visibility: visible;
    opacity: 1;
    transition: visibility 0s 0.5s, opacity 0.5s linear;
}

.hover {
    left: -13px;
    position: relative;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s 0.5s, opacity 0.5s linear;
    width: 100%;
}

.degree-hover:hover .degree {
    visibility: hidden;
    opacity: 0;
}

.degree-hover:hover .hover {
    visibility: visible;
    opacity: 1;
}

div.cat-post-widget li.cat-post-item {
    border-bottom-style: none;
}

/*! Gray v1.6.0 (https://github.com/karlhorky/gray) | MIT */
.grayscale {
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='saturate' values='0'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    filter: gray
}

.grayscale.grayscale-fade {
    transition: filter .5s
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .grayscale.grayscale-fade {
        -webkit-transition: -webkit-filter .5s;
        transition: -webkit-filter .5s
    }
}
.grayscale:hover,
.grayscale.grayscale-fade:hover,
.grayscale.grayscale-off {
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}

.grayscale.grayscale-replaced {
    -webkit-filter: none;
    filter: none
}

.grayscale.grayscale-replaced > svg {
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
    opacity: 1
}

.grayscale.grayscale-replaced.grayscale-fade:hover > svg, .grayscale.grayscale-replaced.grayscale-off > svg {
    opacity: 0
}


/* ----------------------------------------------- CW - Projects (Front Page) ------------------------------------------- */
.projectlist li {
    /*padding: 12px;*/
    background-color: #f6f6f6;
    /*background-color: yellow;*/
    /*padding-left: 12px;*/
    /*padding-right: 12px;*/
    /*padding-top: 47.5px;*/
    /*padding-top: 8.5px;*/
    /*padding-bottom: 47.5px;*/
    max-height: 228.45px;
    margin-right: 2.564102564102564%;
    margin-bottom: 2.564102564102564%;
    width: 23.07692307692307%;
}

/*.projectlist li a{*/
/*padding-bottom: 75px*/
/*}*/

.projectlist li:nth-child(4n) {
    margin-right: 0;
}

.projectlist li .project-wrapper {
    position: relative;
    padding: 12px;
    background-color: #f6f6f6;
    cursor: pointer;
    /*cursor: url(images/cursors/more.cur),crosshair;
    cursor: url(images/cursors/more.png) 40 40,crosshair;*/
}

.projectlist li a:hover,
.projectlist li a:focus {
    cursor: pointer;
}

.projectlist li .project-wrapper img {
    opacity: 0.6;
}

.projectlist li:hover .project-wrapper img {
    opacity: 1;
}

/*.projectlist li:hover .project-wrapper, .projectlist .clicked .project-wrapper {*/
/*    background-color: #ffffff;*/
/*    opacity: 1;*/
/*}*/

.projectlist li:hover .project-wrapper {
    background-color: #ffffff;
    opacity: 1;
}

.clicked .project-hidden-box {
    display: block !important;
    position: absolute;
    background-color: #365e77;
    bottom: 0px;
    right: 0px;
    display: block !important;
    position: absolute;
    background-color: #176B90;
    bottom: 0px;
    right: 0px;
    padding: 15px 25px 25px 24px;
    color: white;
    line-height: 36px;
    font-size: 19px;
    font-weight: 600;
    cursor: initial;
}

.clicked .project-hidden-box span {
    white-space: nowrap;
}

.clicked .project-hidden-box a {
    font-weight: 600;
    display: inline-block;
    margin-top: 20px;
    margin-bottom: 33px;
    color: white;
    text-transform: uppercase;
    text-decoration: underline;
    cursor: pointer;
}

.single-project .project-info ul {
    list-style: disc;
}


@media only screen and (max-width: 959px) {
    .clicked .project-hidden-box span {
        white-space: initial;
        margin-bottom: 10px;
        display: inline-block;
        line-height: 20px;
    }

    .clicked .project-hidden-box {
        width: 100%;
        height: 100%;
    }
}