/* Кнопка действия */
/*.btg {
    position: absolute;
    right: 5px;
    top: 5px;
}

@media screen and (max-width: 500px) {
    .btg {
        right: auto;
        left: 10px;
        top: 9px;
    }
}
*/
/* Конец кнопки действия */

.bbtg {
    position: absolute;
}

.bbtg1 {
    width: 294px;
    bottom: 60px;
    left: 12px;
}

.bbtg2 {
    width: 141px;
    bottom: 15px;
    left: 12px;
}

.bbtg3 {
    width: 141px;
    bottom: 15px;
    right: 12px;
}


.bbtg4 {
    top: 0px;
    right: 0px;
    color: #e5e5e5;
    border-top: none;
    border-right: none;
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px 6px 0px 8px;
    padding: 0px 11px 0px 11px;
    border-color: #f8f9fa;
}

.bbtg4:hover { background-color: transparent; }


.bbtg4_ {
    top: 1px;
}

.bbtg4_:hover { background-color: #f8f9fa; }


/*
.bbtg2 {
    width: 95px;
    bottom: 15px;
    left: 12px;
}

.bbtg3 {
    width: 95px;
    bottom: 15px;
    left: 111px;
}

.bbtg4 {
    width: 95px;
    bottom: 15px;
    right: 12px;
}
*/


.sbtg {
    position: absolute;
}

.sbtg1 {
        bottom: auto;
        left: 10px;
        top: 9px;
}

.sbtg2 {
        bottom: auto;
        left: 100px;
        top: 9px;
}
/* Конец блоков действий */


/* Разворот карточки */
.pic2 {
    border-radius: 8px;
}

.card 
{
  overflow: inherit;

    /*transition effects */
    -ms-transition: -ms-transform 0.6s;
    -webkit-transition: transform 0.6s;
    -webkit-transition: -webkit-transform 0.6s;
    -moz-transition: -moz-transform 0.6s;
    -o-transition: -o-transform 0.6s;
    transition: transform 0.6s;
    -ms-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.card.flipped 
{
    -ms-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
    background: transparent!important;
/*    background-color: transparent;*/
/*    background-image: none!important;*/
}

.card .front,
.card .back {
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    -ms-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    border-radius: 8px;
}

.card .back {
    background: #fff;
    -ms-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
/* Конец разворота карточки */


/* Костыль видимости кнопки */
@media screen and (max-width: 500px) {
    .card .front {
        z-index: 1;
    }
    .card .back {
        z-index: 99999;
    }
}
/* Конец костыля */


/* ОТКЛЮЧЕНИЕ ПОВОРОТА НА МАЛЕНЬКИХ ЭКРАНАХ */
@media screen and (max-width: 500px) {
    .card.flipped {
        -ms-transform: none;
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        transform: none;
    }
    .card .back {
        display: none;
    }
}


.shift_no.flipped {
    -ms-transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    transform: none;
}

.shift_no .back {
    display: none;
}


.shift {
  opacity: .65;
}