.puzzle-joke-img__content {
    padding: 50px 0 30px 0;
    box-shadow: inset 0px 0px 38px 0px rgba(0, 0, 0, 0.06);
    min-height: 54vh;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #f2f2f2;
}

.puzzle-joke-img__content__title {
    font-size: 30px;
    text-align: center;
    margin-bottom: 50px;
}

.puzzle-joke-img__content__wrapper {
    display: flex;
    justify-content: space-between;
}


.puzzle-joke-img__content__left {
    width: 310px;
    display: inline-block;
    vertical-align: top;
}

.puzzle-joke-img__content__right {
    text-align: left;
    display: inline-block;
    vertical-align: top;
    width: 600px;
}

.puzzle-joke-img__content__right .video-share__text {
    color: #333;
}

.puzzle-joke-img__content__pic {
    box-shadow: 0px 3px 8px 0px rgba(183, 183, 183, 0.26);
    border: 10px solid #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 1;
}

.puzzle-joke-img__content__pic img {
    max-width: 100%;
}

.puzzle-joke-img__content__phrase {
    font-weight: bold;
    font-size: 24px;
    margin-bottom: 50px;
}

.puzzle-joke-img__content__phrase span {
    border-bottom: 1px solid #009f75;
    cursor: pointer;
}

.puzzle-joke-img__content__phrase span:hover {
    border-bottom: none;
}

.puzzle-joke-img__content__answer__title {
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 25px;
}

.puzzle-joke-img__content__answer__content {
    margin-bottom: 25px;
}

.puzzle-joke-img__content__answer__result__icon {
    width: 30px;
    height: 30px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

.puzzle-joke-img__content__answer__result__icon svg {
    width: 100%;
    height: 100%;
}

.puzzle-joke-img__content__answer__result__text {
    margin-right: 20px;
    display: inline-block;
    vertical-align: middle;
    color: #01b063;
    font-size: 16px;
}

.puzzle-joke-img__content__answer__result__vote .dislike,
.puzzle-joke-img__content__answer__result__vote .like {
    visibility: visible;
}

.puzzle-joke-img__content__answer__result__vote.comment-likes {
    text-align: center;
}

.puzzle-joke-img__answers .url {
    text-decoration: none;
}

.puzzle-joke-img__answers .comment {
    border-bottom: 3px solid #eee;
}

.puzzle-joke-img__answers .comment:last-child {
    border-bottom: none;
}

.puzzle-joke-img__answers .b-comments-title {
    text-align: center;
}

.comment-content__text {
    width: 400px;
    display: inline-block;
    margin-right: 15px;
}

.puzzle-joke-img__answers-gray {
    background-color: #f2f2f2;
}

.puzzle-joke-img__content__translate {
    width: 340px;
}

.puzzle-joke-img__content__translate__text {
    font-size: 16px;
    margin-bottom: 10px;
}

.puzzle-joke-img__content__translate__field {
    margin-bottom: 15px;
}

.puzzle-joke-img__content__translate__field textarea {
    width: 100%;
    font-size: 14px;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #2F4051;
    border-radius: 5px;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.puzzle-joke-img__content__translate__btn .mind-battle__new-game__btn {
    text-align: center;
    width: 100%;
    padding: 10px 20px;
    height: 40px;
}

.puzzle-joke-img__carousel__wrapper {
    overflow: hidden;
    padding: 20px 0 40px;
    color: #2F4051;
}

.puzzle-joke-img__carousel__wrapper > .l-wrapper {
    position: relative;
    width: 940px;
}

.puzzle-joke-img__carousel__wrapper .b-comments-title {
    text-align: center;
    margin-bottom: 30px;
}

.puzzle-joke-img__carousel {
    max-height: 67px;
    overflow: hidden;
    direction: ltr !important;
}

.puzzle-joke-img__carousel__list {
    list-style-type: none;
    margin: 5px 0;
}

.puzzle-joke-img__carousel__list__item {
    text-align: center;
    display: inline-block;
    float: left;
    margin-left: 62px;
    width: 60px;
    cursor: pointer;
    position: relative;
}

.puzzle-joke-img__carousel__list__item:hover .puzzle-joke-img__carousel__list__item__pic {
    -webkit-box-shadow: 0 0 0 4px #009fec;
    box-shadow: 0 0 0 4px #009fec;
}

.puzzle-joke-img__carousel__list__item:hover .puzzle-joke-img__carousel__list__item__date {
    color: #009fec;
}

.puzzle-joke-img__carousel__list__item__pic.current {
    -webkit-box-shadow: 0 0 0 4px #5AEC19;
    box-shadow: 0 0 0 4px #5aec19;
    border-bottom: none;
}
.puzzle-joke-img__carousel__list__item__passed-icon {
    width: 16px;
    height: 16px;
    position: absolute;
    top: -5px;
    right: 2px;
}

.puzzle-joke-img__carousel__list__item__passed-icon svg {
    width: 100%;
    height: 100%;
}

.puzzle-joke-img__carousel__list__item:first-child {
    margin-left: 0;
}

.puzzle-joke-img__carousel__list__item__pic {
    width: 42px;
    margin: 0 auto 5px auto;
}

.puzzle-joke-img__carousel__list__item__pic img {
    width: 100%;
}

.puzzle-joke-img__carousel__list__item__date {
    font-size: 11px;
    white-space: pre;
}

.puzzle-joke-img__carousel__left,
.puzzle-joke-img__carousel__right {
    position: absolute;
    top: 82px;
    cursor: pointer;
    width: 50px;
    text-align: center;
}

.puzzle-joke-img__carousel__left.disabled,
.puzzle-joke-img__carousel__right.disabled {
    opacity: .2;
    cursor: default;
}

.puzzle-joke-img__carousel__left {
    left: -85px;
}

.puzzle-joke-img__carousel__right {
    right: -85px;
}

.puzzle-joke-img__carousel__right svg {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.puzzle-joke-img__header {
    margin-bottom: 0;
    background: none;
    color: #2F4051;
}

.puzzle-joke-img__header:after {
    background: url(/wp-content/themes/english/assets/pe/img/header_bg_yellow.png) 0 0;
    background: none;
}
.puzzle-joke-img__header .mind-battle__header__title a {
    color: #2F4051;
}

.puzzle-joke-img__content__counter .puzzle-header__joke-img__balloon__counter {
    border-radius: 5px;
    text-align: center;
    margin-bottom: 20px;
}

.puzzle-joke-img__content__counter .puzzle-header__joke-img__balloon__counter__title {
    padding-left: 25px;
}

.puzzle-joke-img__phrase-wrapper {
    display: flex;
    flex-wrap: nowrap;
}

.joke-img__counter {
    display: inline-block;
}

.comment-content__form {
    display: inline-block;
    margin: 0;
}

.comment-content__button {
    background: #fff;
    border: 1px solid #ccc;
    padding: 1px 5px;
    border-radius: 3px;
    box-shadow: 0 1px 0 rgba(0,0,0,0.3);    
}

/* Small devices (tablets, 768px and up) */

@media only screen and (min-width: 768px) and (max-width: 992px) {

    .puzzle-joke-img__carousel__wrapper > .l-wrapper {
        width: 550px;
    }

    .puzzle-joke-img__content__right {
        width: 400px;
    }

    .puzzle-joke-img__content__wrapper {
        padding: 0 10px;
    }

    .puzzle-joke-img__answers {
        padding-left: 10px;
        padding-right: 10px;
    }

    .puzzle-header__joke-img__balloon {
        left: 100%;
    }

    .puzzle-header__joke-img__balloon::before {
        margin-left: -30px;
    }

}

/*Extra small devices (phones)*/

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

    .puzzle-joke-img__content__answer__result__vote .dislike, .puzzle-joke-img__content__answer__result__vote .like {
        display: inline-block;
    }

    .puzzle-joke-img__content__answer__result__vote.comment-likes {
        text-align: left;
    }

    .comment-content__text {
        width: 100%;
        margin-right: 0;
    }

    .puzzle-joke-img__answers .comment-body {
        margin-bottom: 20px;
    }

    .puzzle-joke-img__content__right {
        width: 100%;
        padding: 0 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .puzzle-joke-img__content__phrase {
        line-height: 1.7;
        margin-bottom: 30px;
    }

    .puzzle-joke-img__content__translate {
        width: 100%;
    }

    .puzzle-joke-img__content__left {
        display: block;
        margin: 0 auto;
        margin-bottom: 20px;
    }

    .puzzle-joke-img__content__title {
        font-size: 24px;
        margin-bottom: 30px;
    }

    .puzzle-joke-img__carousel__list__item {
        margin-left: 25px;
    }

    .puzzle-joke-img__carousel__wrapper > .l-wrapper {
        width: 235px;
    }

    .puzzle-joke-img__carousel__left {
        left: -45px;
        top: 100px;
    }

    .puzzle-joke-img__carousel__right {
        right: -45px;
        top: 100px;
    }

    .puzzle-joke-img__content__pic:hover {
        position: static !important;
    }

    .puzzle-joke-img__content__wrapper {
        flex-wrap: wrap;
    }

}

@media only screen and (max-width : 480px) {
        
    .puzzle-tooltip-translate-phrase .jBox-content {
        width: 280px !important;    
    }

}