.snillrik-dude-main {
    display: flex;
}

.snillrik-dude-left,
.snillrik-dude-right {
    flex: 0 3 33%;
}

.snillrik-dude-left {
    flex: 0 2 70%;
}

.sndude-dude-wrap {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
}

.sndude-dude-box {
    overflow: hidden;
    margin-bottom: 20px;
}

.sndude-dude-box-image,
.sndude-dude-box-title {
    cursor: pointer;
}

.sndude-dude-nolinks .sndude-dude-box {
    cursor: initial;
}

.sndude-dude-box1,
.sndude-dude-box2,
.sndude-dude-box3,
.sndude-dude-box4,
.sndude-dude-box5,
.sndude-dude-box6 {
    margin: 5px;
    padding: 5px;
    flex: 6 1 100%;
}

.sndude-dude-box2 {
    flex: 0 1 48%;
}

.sndude-dude-box3 {
    flex: 0 1 31%;
}

.sndude-dude-box4 {
    flex: 0 1 23%;
    text-align: center;
}

.sndude-dude-box5 {
    flex: 0 1 18%;
    text-align: center;
}

.sndude-dude-box6 {
    flex: 0 1 14%;
    text-align: center;
}

.sndude-dude-box-jobtitle-inner {
    display: inline-block;
    background: #08b39b;
    padding: 2px 10px;
    border-radius: 4px;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 80%;
    font-weight: bolder;
}

.sndude-dude-box-readmore {
}

a.sndude-dude-box-readmore {
    float: right;
    background: #3e3e3e;
    padding: 4px 10px;
    border-radius: 3px;
    color: white;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: bold;
}

.sndude-dude-box-single {
    flex: 0 1 100%;
}

.sndude-dude-block,
.sndude-dude-halfblock {
    display: flex;
    flex: 0 1 100%;
    justify-content: space-between;
    margin-bottom: 20px;
}

.sndude-dude-halfblock {
    flex: 0 1 48%;
}

.sndude-dude-box-single.sndude-dude-halfblock {
    flex: 0 1 100%;
}

.sndude-dude-box .sndude-dude-box-image {
    /* height: 400px; */
    overflow: hidden;
    border-bottom: none;
}

.sndude-dude-box-image-inner {
    height: 100%;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.sndude-dude-box .sndude-dude-box-image-inner {
    min-height: 300px;
}

.sndude-dude-box .sndude-dude-box-image-inner:hover {}


/*transitions*/

.sndude-transition-scale {
    transform: scale(1);
    transition: transform 1s;
}

.sndude-transition-scale:hover {
    transform: scale(1.2);
    transition: transform 1s;
}

.sndude-transition-rotate3d {
    transform: rotate3d(1, 1, 1, 0deg) scale(1.0);
    transition: transform 1s;
}

.sndude-transition-rotate3d:hover {
    transform: rotate3d(1, 1, 1, 45deg) scale(1.5);
    transition: transform 1s;
}

.sndude-transition-grayscale {
    filter: grayscale(0.8);
    transition: filter 3s;
}

.sndude-transition-grayscale:hover {
    filter: grayscale(0);
    transition: filter 0.3s;
}


/* BIG */

.sndude-dude-wrap-big .sndude-dude-box .sndude-dude-box-image {
    height: 450px;
}


/* Slide */

.sndude-dude-wrap-slide .sndude-dude-box {
    position: relative;
    width: 100%;
}

.sndude-dude-box .sndude-dude-box-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #00000087;
    overflow: hidden;
    width: 100%;
    height: 0;
    transition: .5s ease;
}

.sndude-dude-box .sndude-dude-box-overlay .sndude-dude-box-content {
    color: white;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.sndude-dude-box:hover .sndude-dude-box-overlay {
    height: 100%;
}


/*List*/

.sndude-dude-box .sndude-dude-box-listright {
    width: 100%;
    flex: 0 1 33.333%;
    align-self: center;
    height: 100%;
}

.sndude-dude-box .sndude-dude-box-listright .sndude-dude-box-image {
    width: 100%;
    height: 100%;
    /* min-height: 320px; */
}


/*Contact list*/

.sndude-dude-wrap-contactlist .sndude-dude-box {
    display: flex;
    width: 100%;
    justify-content: space-between;
    flex-wrap: nowrap;
    align-items: center;
}

.sndude-dude-wrap-contactlist .sndude-dude-box .sndude-dude-box-content-item {
    padding: 10px;
    flex: 1;
}

.sndude-dude-wrap-contactlist .sndude-dude-box .sndude-dude-box-content-mid {
    flex: 3;
}

.sndude-dude-wrap-contactlist .sndude-dude-box .sndude-dude-box-image {
    height: 120px;
    max-width: 120px;
}

.sndude-dude-wrap-contactlist .sndude-dude-box .sndude-dude-box-image-inner {
    min-height: 100%;
}


/*Profile*/

.sndude-dude-wrap-profile .sndude-dude-box-listright .sndude-dude-box-image-inner {
    min-height: 250px;
}


/*Dude block*/

.sndude-dude-block .sndude-dude-box-image,
.sndude-dude-halfblock .sndude-dude-box-image {
    flex: 0 1 33.333%;
}

.sndude-dude-block .sndude-dude-box-content,
.sndude-dude-halfblock .sndude-dude-box-content {
    padding-left: 10px;
    padding-right: 10px;
    flex: 0 1 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.sndude-dude-block.sndude-dude-block-alt {
    display: flex;
    flex-direction: row-reverse;
}

.sndude-dude-block .sndude-dude-block-alt .sndude-dude-box-image {
    flex: 0 2 66.666%;
}

.sndude-dude-block .sndude-dude-block-alt .sndude-dude-box-content {
    padding-left: 10px;
    padding-right: 10px;
    flex: 0 1 33.333%;
}

.sndude-dude-box.sndude-dude-block .sndude-dude-box-image {
    height: 300px;
}

.sndude-dude-box.sndude-dude-block .sndude-dude-box-image-inner {
    /* height: 500px; */
    height: 100%;
}


/* Portrait */

.sndude-dude-wrap-portrait .sndude-dude-box .sndude-dude-box-image {
    border: 10px solid #e5e5e5;
    height: 470px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.sndude-dude-wrap-portrait .sndude-dude-box .sndude-dude-box-image-inner {
    height: 100%;
}

.sndude-dude-wrap-circle {
    text-align: center;
}

.sndude-dude-wrap-circle .sndude-dude-box .sndude-dude-box-image {
    height: 130px;
    width: 130px;
    border-radius: 50%;
    overflow: hidden;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    margin: auto;
}

.sndude-dude-wrap-circle .sndude-dude-box .sndude-dude-box-image-inner {
    height: 100%;
    min-height: auto;
}

.sndude-dude-wrap-single {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    align-content: center;
    align-items: flex-start;
}

.sndude-dude-wrap-single iframe {
    max-width: 100%;
}

.sndude-dude-wrap-single-left,
.sndude-dude-wrap-single-right {
    flex: 2 1 50%;
}

.sndude-dude-wrap-single-right {
    flex: 0 1 25%;
    padding-left: 10px;
}

.sndude-dude-icon {
    margin-right: 5px;
}

@media(max-width:768px) {
    .sndude-dude-box6 {
        flex: 0 1 30%;
        padding: 0 10px;
        text-align: center;
    }
    .sndude-dude-box4 {
        flex: 0 1 48%;
        padding: 0 10px;
        text-align: center;
    }
    .sndude-dude-halfblock {
        flex-direction: column;
    }
}

@media(max-width:600px) {
    .sndude-dude-wrap {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        width: 100%;
        align-items: center;
        text-align: center;
    }
    .sndude-dude-box1,
    .sndude-dude-box2,
    .sndude-dude-box3,
    .sndude-dude-box4,
    .sndude-dude-box5,
    .sndude-dude-box6 {
        width: 100%;
    }
    .sndude-dude-wrap-single-right {
        flex: 1 1 100%;
        padding-left: 10px;
    }
    /*     .sndude-dude-box .sndude-dude-box-image {
        height: 310px;
    } */
    .sndude-dude-wrap-big .sndude-dude-box,
    .sndude-dude-wrap-block .sndude-dude-box {
        width: 100%;
        max-width: 100%;
    }
    .sndude-dude-block {
        display: inline-block;
    }
    .sndude-dude-halfblock {
        flex-direction: column;
    }
    .sndude-dude-block {
        display: flex;
        flex-direction: row;
        width: 100%;
    }
    .sndude-dude-wrap-contactlist .sndude-dude-box {
        align-items: center;
        flex-direction: column;
    }
}