/* Кнопка действия */
/*.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;
}
*/

.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;
}


/* sbtn КНОПКА СПРАВА */

/*
@media screen and (max-width: 500px) {
    .card_telephone {
        right: 25px!Important;
    }
}

.sbtn {
    top: 12px;
    right: 0px;
    border: none;
    position: absolute;
    display: none;
}

@media screen and (max-width: 500px) {
    .sbtn {
        display: block;
    }
}

@media screen and (max-width: 350px) {
    .sbtn {
        top: 22px;
        right: 10px;
    }
}
*/


/* sbtn КНОПКА СЛЕВА */
@media screen and (max-width: 500px) {
    .card_name {
        left: 25px!Important;
    }
}

@media screen and (max-width: 350px) {

    .card_name {
        left: 10px!Important;
    }
}


.sbtn {
    top: 12px;
    left: 0px;
    border: none;
    position: absolute;
    display: none;
}

@media screen and (max-width: 500px) {
    .sbtn {
        display: block;
    }
}

@media screen and (max-width: 350px) {
    .sbtn {
        top: 22px;
        right: 10px;
        left: auto;
    }
}