html,
body {
    height: 100%;
    background: #f2f2f2;
}

*,
*:before,
*:after {
    box-sizing: border-box;
}

/* Controls
---------------------------------------------------------------------- */

.controls {
    padding-left: 38px;
    font-size: 0.8em;
}

.control-group {
    display: inline-block;
    margin-left: .75rem;
    vertical-align: top;
}

.control {
    position: relative;
    display: inline-block;
    width: 87px !important;
    height: 37px;
    background: #21589b;
    cursor: pointer;
    font-size: 0.1px;
    color: white;
    transition: background 150ms;
}

.control-text {
    width: auto;
    font-size: .9rem;
    padding: 0 1rem;
    font-family: 'helvetica-neue', arial, sans-serif;
    font-weight: 700;
}

.control:not(.mixitup-control-active):hover {
    background: #21589b;
}

.control-sort:after {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    border-top: 2px solid;
    border-left: 2px solid;
    top: calc(50% - 6px);
    left: calc(50% - 6px);
    transform:  translateY(2px) rotate(45deg);
}

.control-sort[data-sort*=":desc"]:after {
    transform:  translateY(-3px) rotate(-135deg);
}

.mixitup-control-active {
    background: #21589b;
}

.control:first-of-type {
    border-radius: 3px 0 0 3px;
}

.control:last-of-type {
    border-radius: 25px;
}

.select-wrapper {
    display: inline-block;
    /* padding: .5rem; */
    /* background: #2a2a2a; */
    margin-left: .75rem;
    vertical-align: top;
}

/* Container
---------------------------------------------------------------------- */

.container {
    padding: 1rem;
    text-align: justify;
    font-size: 0.1px;
}

.container:after {
    content: '';
    display: inline-block;
    width: 100%;
}

/* Target Elements
---------------------------------------------------------------------- */

.mix,
.gap {
    display: inline-block;
    vertical-align: top;
}

.mix {
	
    /* background: #fff;
    margin-bottom: 1rem;
    position: relative; 
	
	*/
}

/* 
.mix:before {
    content: '';
    display: inline-block;
    padding-top: 100%;
}

*/

.mix.de,.mix.ch,.mix.dk,.mix.en,.mix.fi,.mix.fr,.mix.it,.mix.nl,.mix.pl,.mix.po,.mix.ra,.mix.ru,.mix.se,.mix.es,.mix.tr,.mix.ua,.mix.di {
    color: #045a9f;
}

.mix.23 {
    color: #045a9f;
}