.tarif{
    padding-bottom: 40px;
    background: #f2f2f2;
}

.tarif table{
    width: 100%;
    font-size: 14px;
    font-family: din_light;
    position: relative;
}

.tarif .head1{
    background: #f2f2f2;
    font-family: din_medium;
    font-size: 28px;
    text-align: center;
    text-transform: uppercase;
    padding: 20px 0 15px 0;
    position: relative;
}

.tarif .head1:before{
    content: '';
    position: absolute;
    left: 10px;
    top: 34px;
    height: 1px;
    width: 210px;
    background: #e2e2e2;
}

.tarif .head1:after{
    content: '';
    position: absolute;
    right: 10px;
    top: 34px;
    height: 1px;
    width: 210px;
    background: #e2e2e2;
}

.tarif table tr:nth-child(2n) td{
    background: #fff;
}

.tarif table tr:nth-child(1) td:not(:first-child){
    background: #13abda;
    color: #fff;
    font-family: din_bold;
    text-transform: uppercase;
    padding: 12px 0;
}

.tarif table tr:nth-child(1) td{
    color: white;
    font-family: din_bold;
    font-size: 17px;
    text-transform: uppercase;
}

.tarif table.hide tr:last-child td{
    display: table-cell !important;
}

.tarif table tr:nth-child(1) td:not(:first-child) span{
    color: white;
    text-transform: none;
    display: block;
}

.tarif table td{
    border-right: solid 1px #e2e2e2;
    padding: 6px 0px;
    box-sizing: border-box;
    vertical-align: middle;
}

.tarif table td:not(:first-child){
    text-align: center;
    vertical-align: middle;
    width: 155px;
}

.tarif table td:first-child{
    padding-left: 15px;
}

.tarif table tr:not(:first-child) td:not(:last-child){
    font-size: 14px;
    font-family: din_regular;
}

.tarif table tr:not(:first-child) td:not(:last-child) span:not(.classic){
    font-size: 13px;
    color: #8a8a8a;
    display: block;
}

.tarif table tr.b td{
    font-family: din_bold !important;
    font-size: 15px !important;
}

.tarif table tr.gray td{
    background: #f2f2f2;
}

.tarif .button{
    width: 160px;
    height: 40px;
    line-height: 45px;
}

.tarif .expand{
    font-size: 12px;
    text-transform: uppercase;
    font-family: din_bold;
    display: inline-block;
    border-bottom: 1px dashed #d3d3d3;
    padding-bottom: 5px;
    cursor: pointer;
    margin-bottom: 20px;
}

.price{
    text-align: center;
    color: #d10b0b;
    font-family: din_bold;
    font-size: 18px;
    display: block;
}

.tarif .button{
    font-size: 14px;
    width: 145px;
    height: 34px;line-height: 34px;
    border-bottom: 5px solid #a80000;
    background: #d10b0b;
}

.tarif .bol{
    text-transform: uppercase;
    font-size: 18px !important;
    font-family: din_medium !important;
}

tr.gray2 td{
    margin-top: 80px;
    background: #f2f2f2 !important;
}

.tarif-comment{
    background: white;
    padding: 20px;
    text-align: left;
    margin: 10px 0 20px 0;
}

.tarif-comment .comment-head{
    text-transform: uppercase;
    font-family: din_bold;
    font-size: 20px;
    color: #13abda;
    margin-bottom: 5px;
}

.tarif-comment .comment-text{
    font-family: din_light;
    font-size: 16px;
}

.tarif .tooltip{
    color: #000000;
    z-index: inherit;
}

.tarif .tooltip:hover span {
    left: 2em;
    top: 2em;
    width: 360px;

}

.tarif .classic {

}