/* NEW */

.sf_box {
    width:100%;
    height:auto;
    border:1px solid #fff;
    margin:0 0px 20px 0;
    padding-top:0;
    padding-bottom:0;
    padding-right:0;
    background-color:#fff;	
}

.group:before, .group:after {
    content:"";
    display:table;
}
.group:after {
    clear:both;
}
.group {
    zoom:1;
}

/*LONG*/
.sol-a2-box, .sol-a1-box, .sol-a3-box
{
    font-family: 'Rubik', Arial, sans-serif;
    width: 100%;
    border:0;
    float:left;
}

.sol-a2-box div, .sol-a1-box div, .sol-a3-box div {
    display: block !important;
    zoom: 1;
    border:0;
}

.sol-a2-box #h a, .sol-a1-box #h a, .sol-a3-box #h
{
    color: white;        
}

.sol-a2-box .a .i, .sol-a1-box .a .i, .sol-a3-box .a .i
{
    border: 0px solid #696969;
    float: left;
    margin-right:10px;
}
/*TITLE*/
.sol-a2-box .a .t, .sol-a1-box .a .t, .sol-a3-box .a .t
{
    font-size: 12px;
    font-weight: 500;
    color: #d40f44;
    margin-bottom:5px;
}

.sol-a2-box .a .t:hover, .sol-a1-box .a .t:hover, .sol-a3-box .a .t:hover
{
    text-decoration: none;
}
/*TEXT*/
.sol-a2-box .a .d, .sol-a1-box .a .d, .sol-a3-box .a .d
{
    color: #434343;
    line-height:14px;
    font-size:11px;
}

.sol-a2-box .a .d:hover, .sol-a1-box .a .d:hover, .sol-a3-box .a .d:hover
{
    text-decoration: none;
}


/* Change if you want the Display-URL to be shown */

.sol-a2-box .a .u, .sol-a1-box .a .u, .sol-a3-box .a .u
{
    font-size: 0px;
    color: #fff;
}

.sol-a1-box .a
    {
        display: block;
        float: left;
        height: auto;
        width: 100%;
        padding: 0;
        border: 1px solid #CAC5C0;
        text-decoration: none;
        overflow: hidden;
        margin-bottom: 0;
        background: #fff;
    }
.sol-a1-box .a:first-child
    {
        border-bottom: none;
    }

@media (min-width: 1001px){
    .sol-a2-box .a
    {
        display: block;
        float: left;
        height: auto;
        width: 50%;
        padding: 9px 9px 9px 9px;
        border: 1px solid #CAC5C0;
        text-decoration: none;
        overflow: hidden;
        margin-bottom: 0;
        background: #fff;
    }

    .sol-a2-box .n1
    {
        margin-right: 0;
    }

    .sol-a2-box .n2
    {
        margin-right: 0;
    }
    .sol-a2-box .n3
    {
        margin-right: 0;
    }

    .sol-a2-box .a:hover
    {
        background-color: #fff;
        width: 50%;
    }
}

@media (max-width: 1000px){


    .sol-a2-box .n1
    {
        margin-right: 0;
    }

    .sol-a2-box .n2
    {
        margin-right: 0;
    }

}

@media (min-width: 728px) and (max-width: 1000px){

    .sol-a2-box .a
    {
        display: block;
        float: left;
        height: auto;
        width: 50%;
        padding: 9px 9px 9px 9px;
        border: 1px solid #CAC5C0;
        text-decoration: none;
        overflow: hidden;
        margin-bottom:0;
        background: #fff;
    }

}

@media (max-width: 727px){
    .sol-a2-box .a
    {
        display: block;
        float: left;
        height: auto;
        width: 100%;
        padding: 9px 9px 9px 9px;
        border-bottom:1px solid #CAC5C0;
        text-decoration: none;
        overflow: hidden;
        margin-bottom:0;
        background: #fff;
    }

    .sol-a2-box .a:hover
    {
        background-color: #fff;
        width:100%;
    }
}


@media (max-width: 426px){
    .sol-a2-box img {
        background-color: #fff;
        display: block;
        margin: 0;
    }
    .sol-a2-box img
    {
        display: block;
        margin: 0px;
        background-color:#fff;
    }
}


@media (min-width: 427px){
    .sol-a2-box img {
        background-color: #fff;
        display: block;
        width:100%;
        margin: 0;
    }
    .sol-a2-box img
    {
        display: block;
        margin: 0px;
        height:53px !important; 
        background-color:#fff;
    }
}




@media (min-width: 1001px){
    .sol-a3-box .a
    {
        @include flexbox();
        display: block;
        float: left;
        height: auto;
        width: 33.33%;
        padding: 9px 9px 9px 9px;
        border: 1px solid #CAC5C0;
        text-decoration: none;
        overflow: hidden;
        margin-bottom: 0;
        background: #fff;
    }

    .sol-a3-box .n1
    {
        margin-right: 0;
    }

    .sol-a3-box .n2
    {
        margin-right: 0;
    }
    .sol-a3-box .n3
    {
        margin-right: 0;
    }

    .sol-a3-box .a:hover
    {
        background-color: #fff;
        width: 33.33%;
    }
}

@media (max-width: 1000px){


    .sol-a3-box .n1
    {
        margin-right: 0;
    }

    .sol-a3-box .n2
    {
        margin-right: 0;
    }

}

@media (min-width: 728px) and (max-width: 1000px){

    .sol-a3-box .a
    {
        display: block;
        float: left;
        height: auto;
        width: 100%;
        padding: 9px 9px 9px 9px;
        border: 1px solid #CAC5C0;
        text-decoration: none;
        overflow: hidden;
        margin-bottom:0;
        background: #fff;
    }

}

@media (max-width: 727px){
    .sol-a3-box .a
    {
        display: block;
        float: left;
        height: auto;
        width: 100%;
        padding: 9px 9px 9px 9px;
        border-bottom:1px solid #CAC5C0;
        text-decoration: none;
        overflow: hidden;
        margin-bottom:0;
        background: #fff;
    }

    .sol-a3-box .a:hover
    {
        background-color: #fff;
        width:100%;
    }
}


@media (max-width: 426px){
    .sol-a3-box img {
        background-color: #fff;
        display: block;
        margin: 0;
    }
    .sol-a3-box img
    {
        display: block;
        margin: 0px;
        background-color:#fff;
    }
}


@media (min-width: 427px){
    .sol-a3-box img {
        background-color: #fff;
        display: block;
        width:100%;
        margin: 0;
    }
    .sol-a3-box img
    {
        display: block;
        margin: 0px;
        height:53px !important; 
        background-color:#fff;
    }
}