.cbox.text-box {
    padding: 50px 0px;
    margin: 0px;
}

/*colors*/

.text-box.color-white {
    background-color: #ffffff;
}

.text-box.color-grey {
    background-color: #f3edef;
}

.text-box.color-dark {
    background-color: #3c3732;
}

.text-box.color-dark * {
    color: #aaaaaa;
}

.text-box.color-dark h1,
.text-box.color-dark h2,
.text-box.color-dark h3,
.text-box.color-dark h4 {
    color: #ffffff;
}


/* okvirček s sliko v ozadju */

.cbox.text-box.bg-image {
    background-size: cover;
    background-position: center center;
    padding: 70px 0px;
}

.cbox.text-box.bg-image * {
    color: #ffffff;
    text-align: center;
}

/* prelomi */

@media all and (min-width: 1200px) {

    .cbox.text-box.bg-image {
        background-attachment: fixed;
    }
}



/*splited text-box*/


.cbox.text-box.splited,
.cbox.text-box.splited-content-width {
    padding: 0px;
}

.cbox.text-box.splited .inner,
.cbox.text-box.splited-content-width .inner {
    width: 100%;
    padding: 0px;
    margin: 0px;
}

.cbox.text-box.splited.pos-left,
.cbox.text-box.splited.pos-right {
    width: 100%;
}

.cbox.text-box.splited-content-width.pos-left,
.cbox.text-box.splited-content-width.pos-right {
    width: 90%;
    margin: 80px auto;
}

.cbox.text-box.splited figure,
.cbox.text-box.splited-content-width figure {
    clear: none;
    margin: 0px;
    overflow: hidden;
    width: 100%;
}

.cbox.text-box.splited figure img,
.cbox.text-box.splited-content-width figure img {
    width: 100%;
    display: block;
}

.cbox.text-box.splited figcaption,
.cbox.text-box.splited-content-width figcaption {
    display: none;
}

.cbox.text-box.splited .text-box-content-offset,
.cbox.text-box.splited-content-width .text-box-content-offset {
    padding: 50px 5%;
}


/* prelomi*/


@media all and (min-width: 900px) {

    .cbox.text-box.splited,
    .cbox.text-box.splited-content-width {
        position: relative;
        min-height: 500px;
    }

    .text-box.splited.pos-left,
    .text-box.splited.pos-right,
    .text-box.splited-content-width.pos-left,
    .text-box.splited-content-width.pos-right {
        float: none;
        margin-left: 0px;
        margin-right: 0px;
        clear: none;
    }

    .cbox.text-box.splited figure,
    .cbox.text-box.splited-content-width figure {
        position: absolute;
        height: 100%;
        overflow: hidden;
    }

    .cbox.text-box.splited figure,
    .cbox.text-box.splited-content-width figure {
        width: 50%;
    }

    .cbox.text-box.splited.pos-right figure,
    .cbox.text-box.splited-content-width.pos-right figure{
        right: 50%;
    }

    .cbox.text-box.splited.pos-left figure,
    .cbox.text-box.splited-content-width.pos-left figure {
        left: 50%;
    }

    .cbox.text-box.splited figure img,
    .cbox.text-box.splited-content-width figure img {
        position: absolute;
        display: block;
    }

    .cbox.text-box.splited .text-box-content,
    .cbox.text-box.splited-content-width .text-box-content {
        width: 45%;
        min-height: 500px;
        display: table;
    }

    .cbox.text-box.splited.pos-right .text-box-content-offset,
    .cbox.text-box.splited-content-width.pos-right .text-box-content-offset {
        padding: 50px 0px 50px 15%;
    }

    .cbox.text-box.splited.pos-left .text-box-content-offset,
    .cbox.text-box.splited-content-width.pos-left .text-box-content-offset {
        padding: 80px 15% 80px 0px;
    }

    .cbox.text-box.splited.pos-right .text-box-content,
    .cbox.text-box.splited-content-width.pos-right .text-box-content {
        float: left;
        margin-left: 50%;
    }

    .cbox.text-box.splited.pos-left .text-box-content,
    .cbox.text-box.splited-content-width.pos-left .text-box-content {
        float: right;
        margin-right: 50%;
    }

    .cbox.text-box.splited .text-box-content .text-box-content-offset,
    .cbox.text-box.splited-content-width .text-box-content .text-box-content-offset{
        display: table-cell;
        height: 100%;
        vertical-align: middle;
    }

}

@media all and (min-width: 1700px) {

    .cbox.text-box.splited,
    .cbox.text-box.splited-content-width {
        min-height: 620px;
    }

    .cbox.text-box.splited.pos-right .text-box-content,
    .cbox.text-box.splited.pos-left .text-box-content,
    .cbox.text-box.splited-content-width.pos-right .text-box-content,
    .cbox.text-box.splited-content-width.pos-left .text-box-content {
        min-height: 620px;
    }


    .cbox.text-box.splited.pos-right .text-box-content-offset{
        padding: 50px 0px 50px 100px;
    }

    .cbox.text-box.splited.pos-left .text-box-content-offset{
        padding: 80px 170px 80px 0px;
    }


    .cbox.text-box.splited-content-width.pos-right .text-box-content-offset,
    .cbox.text-box.splited-content-width.pos-left .text-box-content-offset {
        padding: 50px 100px;
    }

    .cbox.text-box.splited.pos-right .text-box-content {
        float: none;
        width: 750px;
    }
    .cbox.text-box.splited.pos-left .text-box-content {
        width: 750px;
    }

    .cbox.text-box.splited-content-width.pos-right .text-box-content {
        float: none;
        width: 900px;
        margin-left: 40%;
    }

    .cbox.text-box.splited-content-width.pos-left .text-box-content {
        width: 900px;
        margin-right: 40%;
    }
    .cbox.text-box.splited-content-width figure {
        width: 40%;
    }
    .cbox.text-box.splited-content-width.pos-right figure {
        right: 60%;
    }
    .cbox.text-box.splited-content-width.pos-left figure {
        left: 60%;
    }

    .cbox.text-box.splited-content-width.pos-left,
    .cbox.text-box.splited-content-width.pos-right {
        width: 1500px;
    }

}