#hiddenframe {
    border: none;
    height: 1%;
    margin: 0 auto;
    position: absolute;
    width: 0;
}

#djs {
    margin-left: -25px;
    width: calc(100% + 50px);
}

#message {
    height: 100px;
    width: 100%;
}

* {
    background: no-repeat;
    margin: 0;
    padding: 0;
}

.btn {
    border: none;
    border-radius: 5px;
    color: white;
    display: block;
    font-size: 1.5em;
    height: 46px;
    text-align: center;
    width: 210px;
}

.btn:hover {
    cursor: pointer;
}

.btn_blue {
    background-color: #2eacee;
    line-height: 46px;
}

.btn_blue:hover {
    background-color: #009cee;

}

.btn_pink {
    background-color: #ff5d78;
    line-height: 46px;
}

.btn_pink:hover {
    background-color: #ff4060;
}

.content {
    width: 100%;
    max-width: 1000px;
    margin: auto;
    transition: opacity .3s linear;
    visibility: visible;
}

.content img {
    display: block;
    margin: auto;
}

.content_slided {
    transition: opacity .3s linear;
    visibility: hidden;
}

.corporate_aqua {
    color: #00eaff;
}

.corporate_blue {
    color: #2eacee;
}

.corporate_pink {
    color: #ff5d78;
}

.dj_content {

}

.dj_description {
    display: table-cell;
    font-size: .74em;
    height: 130px;
    line-height: 1.2em;
}

.dj_icon {
    display: inline-block;
    height: 55px;
    width: 52px;
}

.dj_photo {
    border-radius: 6px 6px 0 0;
    width: 300px;
    height: 366px;
}

.dj_thumb_name {
    color: #00eaff;
    font-size: 2em;
}

.djs_wrapper {
    display: inline-block;
    height: 720px;
    margin-bottom: 60px;

    margin-right: 25px;
    max-width: 300px;
    overflow-y: hidden;
    width: 90%;
}

.djs_wrapper_extended {
    height: 820px;
}

.djs_wrapper li, .order_block li {
    display: inline-block;
    vertical-align: top;
}

.final_price {
    border: solid 3px #ff5d78;
    border-radius: 79px;
    color: #ff5d78;
    height: 154px;
    margin: auto;
    text-align: center;
    width: 154px;
}

.final_price_text {
    display: table-cell;
    font-size: 2.3em;
    height: 154px;
    text-align: center;
    vertical-align: middle;
    width: 154px;
}

.final_price_text_small {
    display: table-cell;
    font-size: .8em;
    height: 154px;
    text-align: center;
    vertical-align: middle;
    width: 154px;
}

.footer {
    height: 100px;
    margin: auto;
    width: 1000px;
}

.footer_phone {
    font-size: 1.3em;
    margin-top: 10px;
    text-align: center;
}

.footer_wrapper {
    background-color: #343434;
    height: 215px;
    width: 100%;
}

.gray_line_divider {
    background-color: #5d5d5d;
    height: 1px;
    margin: auto;
    max-width: 1000px;
    width: 100%;
}

.header {
    margin: auto;
    width: 100%;
}

.header li {
    display: inline-block;
    vertical-align: middle;
}

.header li a:hover {
    color: #4cc2f4;
}

.header_circle {
    border: solid 2px white;
    border-radius: 175px;
    height: 350px;
    margin: auto;
    text-align: center;
    width: 350px;
}

.header_circle_link {
    font-size: 1.6em;
}

.header_circle_title_01 {
    font-size: 1.9em;
    font-weight: bold;
}

.header_circle_title_02 {
    font-size: 1.3em;
}

.header_circle_title_03 {
    font-size: 2.2em;
    font-weight: bold;
    padding-top: 70px;
}

.header_circles_wrapper {
    margin: 110px auto auto;
    width: 1000px;
}

.header_phone_wrapper {
    text-align: center;
    width: 283px;
}

.header_phone_wrapper .icon_phone {
    padding-bottom: 10px;
}

.header_sm_icons {
    height: 42px;
    margin: auto;
    width: fit-content;
}

.icon {
    background-repeat: no-repeat;
    height: 42px;
    width: 42px;
}

.icon_facebook {
    background-image: url(img/icon_facebook.png);
}

.icon_facebook_small {
    background-image: url(img/icon_facebook_small.png);
}

.icon_instagram {
    background-image: url(img/icon_instagram.png);
}

.icon_instagram_small {
    background-image: url(img/icon_instagram_small.png);
}

.icon_phone {
    background-image: url(img/icon_phone.png);
    display: inline-block;
    margin: auto;
}

.icon_small {
    background-repeat: no-repeat;
    height: 21px;
    margin: auto;
    width: 30px;
}

.icon_soundcloud_small {
    background-image: url(img/icon_soundcloud_small.png);
}

.icon_vk {
    background-image: url(img/icon_vk.png);
}

.icon_youtube {
    background-image: url(img/icon_youtube.png);
}

.icon_youtube_small {
    background-image: url(img/icon_youtube_small.png);
}

.icons_dj_wrapper {
    width: 100%;
}

.icons_dj_wrapper a:visited, .icons_dj_wrapper a {
    color: white;
}

.icons_dj_wrapper li, .footer li, .header_sm_icons a {
    display: inline-block;
}

.icons_djs_text {
    font-size: .7em;
    height: 30px;
    line-height: 14px;
    margin-top: 7px;
    text-align: center;
    width: 50px;
}

.input {
    background-color: #cdcdcd;
    border: none;
    border-radius: 5px;
    color: #434343;
    font-size: 1em;
    height: 42px;
    margin-top: 7px;
    padding-left: 10px;
    width: 305px;
}

.item_block li {
    display: inline-block;
    height: 100%;
    vertical-align: top;
}

.item_block_margin {
    margin-left: 8px;
}

.item_description_block {
    background-color: white;
    height: 300px;
    padding-left: 15px;
    padding-right: 5px;
}

.item_includes {
    color: #474747;
    font-size: .77em;
    line-height: 1.3em;
    margin-top: 30px;
}

.item_name {
    font-size: 2.35em;
    font-weight: bold;
    padding-top: 20px;
    text-align: center;
}

.item_photo {
    background-color: #f2f6f7;
    margin: 20px auto auto;
    width: 100%;
}

.item_photo img {
    display: block;
    margin: auto;
    max-width: 450px;
    width: 100%;
}

.item_plus_transportation_text {
    padding-bottom: 30px;
}

.item_price_block {
    padding-bottom: 30px;
    text-align: center;
    width: 100%;
}

.item_price_text {
    font-size: 3.3em;
    font-weight: bold;
    padding-top: 20px;
}

.items_wrapper {
    margin: auto;
    width: 1000px;
}

.items_wrapper .btn {
    margin: auto;
}

.items_wrapper li {
    background-color: #ffffff;
    border-radius: 5px;
    display: inline-block;
    width: 320px;
}

.keywords {
    background-color: #f2f2f2;
    color: #f2f2f2;
    font-size: 8px;
    height: 20px;
}

.logo_header {
    background-image: url(img/logo_header.png);
    background-size: cover;
    height: 80px;
    width: 80px;
}

.logo_header_wrapper {
    width: 80px;
}

.main_menu {
    height: 100px;
    margin: auto;
    max-width: 1000px;
    text-align: center;
}

.main_menu a {
    color: white;
    font-size: 1.05em;
}

.main_menu li {
    margin-left: 26px;
}

.main_menu li a div {
    display: block;
}

.menu_mobile_closed {
    display: none;
    left: -270px;
    position: absolute;
    transition: left .3s linear;
    visibility: hidden;
    width: 100%;
}

.menu_mobile_icon {
    display: none;
    height: 50px;
    position: fixed;
    top: 0;
    visibility: hidden;
    width: 50px;
    z-index: 178;
}

.menu_mobile_open {
    background: #000000;
    display: block;
    height: 100%;
    left: 0;
    position: fixed;
    transition: left .3s linear;
    visibility: visible;
    width: 100%;
}

.mleft110 {
    margin-left: 110px;
}

.mleft30 {
    margin-left: 30px;
}

.order_block {
    margin: auto;
    max-width: 680px;
    width: 90%;
}

.order_wrapper {
    background-color: #3e3e3e;
}

.phone {
    height: 42px;
    margin: auto;
    width: 190px;
}


.plain_text {
    color: #474747;
    font-size: 1.25em;
    line-height: 1.5em;
    margin: auto;
    width: 1000px;
}

.prices_wrapper li {
    background-color: #f7fafb;
    border-radius: 5px;
    display: inline-block;
    height: 600px;
    width: 320px;
}

.ptop1 {
    padding-top: 1px;
}

.ptop10 {
    padding-top: 10px;
}

.ptop8 {
    padding-top: 8px;
}

.ptop12 {
    padding-top: 12px;
}

.ptop15 {
    padding-top: 15px;
}

.ptop20 {
    padding-top: 20px;
}

.ptop24{
    padding-top: 24px;
}

.ptop25 {
    padding-top: 25px;
}

.ptop30 {
    padding-top: 30px;
}

.ptop35 {
    padding-top: 35px;
}

.ptop40 {
    padding-top: 40px;
}

.ptop5 {
    padding-top: 5px;
}

.ptop50 {
    padding-top: 50px;
}

.ptop60 {
    padding-top: 60px;
}

.ptop64 {
    padding-top: 64px;
}

.ptop7 {
    padding-top: 7px;
}

.ptop70 {
    padding-top: 70px;
}

.ptop80 {
    padding-top: 80px;
}

.ptop90 {
    padding-top: 90px;
}

.ptop96 {
    padding-top: 96px;
}

.short_input {
    width: 235px;
}

.show_more {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.6) 60%, rgba(0, 0, 0, 0) 100%);
    font-size: .9em;
    height: 60px;
    line-height: 60px;
    margin-top: -10px;
    max-width: 300px;
    position: absolute;
    text-align: center;
    width: 100%
}

.show_more:hover {
    cursor: pointer;
}

.skakun {
    background-color: #1d1d1d;
    color: #888989;
    font-size: .8em;
    padding-bottom: 13px;
    padding-top: 13px;
    text-align: center;
}

.skakun a, .link a:visited, .link a {
    color: #10b9ff;
}

.skakun a:hover {
    color: #7cd9ff;
}

.star_avatar {
    background-repeat: no-repeat;
    border-radius: 100px;
    height: 200px;
    margin: auto;
    width: 200px;
}

.star_name {
    font-size: 1.9em;
}

.star_price {
    font-size: .9em;
}

.stars_wrapper {
    margin: auto;
    width: 900px;
}

.stars_wrapper li {
    display: inline-block;
    margin-bottom: 50px;
    text-align: center;
    vertical-align: top;
    width: 290px;
}

.text_gray_on_black {
    color: #636363;
}

.text_phone_number {
    color: white;
    margin-left: 10px;
    text-decoration: none;
    display: inline-block;
    font-size: 1.1em;

    height: 42px;
    line-height: 42px;
    text-decoration: none;
}

.title_biggest {
    color: #e8e8e8;
    font-size: 5.4em;
    font-weight: bold;
    text-align: center;
}

.transportation {
    margin: auto;
    text-align: center;
    width: 1000px;
}

.transportation li {
    display: inline-block;
    line-height: 2em;
    vertical-align: top;
    width: 190px;
}

.transportation_price {
    color: #7c7d7e;
    font-size: 2em;
    font-weight: bold;
    margin-bottom: 30px;
}

a, a :visited {
    text-decoration: none;
    color: #10b9ff;
}

a, img {
    border: none;
    outline: none;
}

a:hover {
    cursor: pointer;
    text-decoration: none;
}

a[href^=tel], div[href^=tel] {
    color: white;
    text-decoration: underline;
}

body {
    height: auto !important;
    margin: 0;
    min-height: 100%;
    position: relative;
}

h1 {
    color: black;
    font-size: 1px;
}

html {
    background: #fff;
    color: #fff;
    height: 100%;
    overflow: scroll;
}

html, body {
    background-color: #000000;
    font-family: arial, sans-serif;
    margin: 0;
    padding: 0;
}

p {
    margin-bottom: 1em;
    margin-top: .5em;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

ul {
    list-style: none;
}


@media screen and (min-width: 1000px) {
    #djs {
        margin: auto;
        width: 1050px;
    }
}


@media screen and (max-width: 999px) and (min-width: 750px) {
    .main_menu li {
        display: inline-block;
        font-size: 1em;
        margin-bottom: 20px;
        margin-left: 10px;
        padding: 0;
        text-align: center;

    }
}


@media screen and (max-width: 749px) and (min-width: 650px) {
    .main_menu li {
        display: inline-block;
        font-size: 0.9em;
        margin-bottom: 15px;
        margin-left: 11px;
        padding: 0;
        text-align: center;

    }
}

@media screen and (max-width: 999px) and (min-width: 650px) {
    #message {
        height: 100px;
        width: calc(100% - 10px);
    }

    #djs {
        margin: auto;
        width: 650px;
    }

    #djs div[class="djs_wrapper"]:nth-child(2n+1) {
        margin-left: 25px;
    }

    #djs div[class="djs_wrapper"]:nth-child(2n) {
        margin-left: 0;
        margin-right: 0;
    }

    .btn {
        display: block;
        margin: auto;
        text-align: center;
        width: 100%;
    }

    .btn_text_wrapper {
        margin: auto;
        width: 210px;
    }

    .dj_content {

        max-width: 300px;
        width: 100%;
    }

    .___dj_icon {
        display: inline-block;
        margin-right: 30px;
        margin-top: 30px;
        max-width: 450px;
        width: 36%;
    }

    .dj_photo {
        display: block;
        max-width: 500px;
        width: 100%;
    }

    .dj_thumb_name {
        margin-top: 30px;
    }

    .___djs_wrapper {
        margin: auto;
        width: 90%;
    }

    .header {
        background-color: black;
        background-image: none;
        margin: auto;
        width: 100%;
    }


    .djs_wrapper li, .order_block li {
        display: block;
    }


    .header_phone_wrapper {
        height: 42px;
        width: 100%;
    }

    .input_padding_correction {
        width: calc(100% - 10px);
    }

    .item_block {
        height: auto;
        width: 90%;
    }

    .item_block img {
        display: block;
        margin: auto;
        max-width: 451px;
        width: 90%;
    }

    .item_block li {
        display: block;
        width: 100%;
    }

    .item_description_block {
        height: auto;
        padding: 0;
        text-align: center;
    }

    .item_includes {
        margin-top: 20px;
    }

    .items_wrapper {
        max-width: 400px;
        width: 90%;
    }

    .items_wrapper li {
        background-color: #ffffff;
        border-radius: 5px;
        display: block;
        margin-bottom: 30px;
        margin-left: 0;
        margin-right: 0;
        padding: 0;
        width: 100%;
    }

    .logo_header {
        background-image: url(img/logo_header.png);
        height: 80px;
        margin: auto;
        width: 80px;
    }

    .main_menu {
        height: auto;
        width: 100%;
    }

    .phone div, .icons_dj_wrapper li {
        display: inline-block;
    }

    .menu_mobile_closed {
        display: none;
        transition: left .3s linear;
        visibility: hidden;
    }


    .menu_mobile_icon img, .logo_header_wrapper, .dj_description, .icons_dj_wrapper, .stars_wrapper, .input, .short_input, .footer {
        width: 100%;
    }

    .menu_mobile_open {
        display: block;
        transition: left .3s linear;
        visibility: visible;
    }

    .____mleft30, .mleft110, .item_block_margin {
        margin-left: 0;
    }

    .phone {
        margin: 30px auto auto;
    }

    .phone_number {
        height: 42px;
        margin-left: 10px;
        margin-top: 13px;
        vertical-align: top;
    }

    .plain_text, .item_price_block .btn {
        width: 90%;
    }

    .star_avatar {
        height: 160px;
        width: 160px;
    }

    .stars_wrapper li {
        width: 210px;
    }

    .stars_wrapper li .icons_dj_wrapper li {
        display: inline-block;
        margin-bottom: 0;
    }

    .title_biggest {
        font-size: 2.7em;
    }

    .transportation {
        text-align: center;
        width: 100%;
    }

    .transportation li {
        display: block;
        line-height: 2em;
        margin-bottom: 55px;
        vertical-align: top;
        width: 100%;
    }

    .transportation_price {
        font-size: 2em;
        margin-bottom: 8px;
    }
}

@media screen and (max-width: 649px) {
    #message {
        height: 100px;
        width: calc(100% - 10px);
    }

    #djs {
        margin: auto;
        width: 100%;
    }

    .btn {
        display: block;
        margin: auto;
        text-align: center;
        width: 100%;
    }

    .btn_text_wrapper {
        margin: auto;
        width: 210px;
    }

    .dj_content {

        margin: auto;
        max-width: 300px;
        width: 100%;
    }

    .___dj_icon {
        display: inline-block;
        margin-right: 30px;
        margin-top: 30px;
        max-width: 450px;
        width: 36%;
    }

    .dj_photo {
        display: block;
        max-width: 300px;
        width: 100%;
    }

    .dj_thumb_name {
        margin-top: 30px;
    }

    .djs_wrapper {
        display: block;
        margin: auto;
        max-width: 300px;
        width: 90%;
        margin-bottom: 90px;
    }

    .header {
        background-color: black;
        background-image: none;
        margin: auto;
        width: 100%;
    }


    .header_circle li, .header li, .djs_wrapper li, .order_block li {
        display: block;
    }


    .header_phone_wrapper {
        height: 42px;
        width: 100%;
    }

    .input_padding_correction {
        width: calc(100% - 10px);
    }

    .item_block {
        height: auto;
        width: 90%;
    }

    .item_block img {
        display: block;
        margin: auto;
        max-width: 451px;
        width: 90%;
    }

    .item_block li {
        display: block;
        width: 100%;
    }

    .item_description_block {
        height: auto;
        padding: 0;
        text-align: center;
    }

    .item_includes {
        margin-top: 20px;
    }

    .items_wrapper {
        max-width: 400px;
        width: 90%;
    }

    .items_wrapper li {
        background-color: #ffffff;
        border-radius: 5px;
        display: block;
        margin-bottom: 30px;
        margin-left: 0;
        margin-right: 0;
        padding: 0;
        width: 100%;
    }

    .logo_header {
        background-image: url(img/logo_header.png);
        height: 80px;
        margin: auto;
        width: 80px;
    }

    .main_menu {
        height: auto;
        width: 100%;
    }

    .main_menu li {
        display: block;
        font-size: 1em;
        margin-bottom: 15px;
        margin-left: 0;
        padding: 0;
        text-align: center;
        width: 100%;
    }

    .main_menu li a div, .phone div, .icons_dj_wrapper li {
        display: inline-block;
    }

    .menu_mobile_closed {
        display: none;
        transition: left .3s linear;
        visibility: hidden;
    }

    .menu_mobile_icon {
        display: block;
        left: 20px;
        max-width: 20%;
        top: 20px;
        visibility: visible;
    }

    .menu_mobile_icon img, .logo_header_wrapper, .dj_description, .icons_dj_wrapper, .stars_wrapper, .input, .short_input, .footer {
        width: 100%;
    }

    .menu_mobile_open {
        display: block;
        transition: left .3s linear;
        visibility: visible;
    }

    .mleft30 {
        margin-left: 20px;
    }

    .____mleft30, .mleft110, .item_block_margin {
        margin-left: 0;
    }

    .phone {
        margin: 30px auto auto;
    }

    .phone_number {
        height: 42px;
        margin-left: 10px;
        margin-top: 13px;
        vertical-align: top;
    }

    .plain_text, .item_price_block .btn {
        width: 90%;
    }

    .stars_wrapper li {
        display: block;
        margin: auto auto 80px;
    }

    .stars_wrapper li .icons_dj_wrapper li {
        display: inline-block;
        margin-bottom: 0;
    }

    .title_biggest {
        font-size: 2.7em;
    }

    .transportation {
        text-align: center;
        width: 100%;
    }

    .transportation li {
        display: block;
        line-height: 2em;
        margin-bottom: 55px;
        vertical-align: top;
        width: 100%;
    }

    .transportation_price {
        font-size: 2em;
        margin-bottom: 8px;
    }
}