@-ms-viewport {
    width: 100% !important;
}

@font-face {
    font-style: normal;
    font-family: 'Droid Sans Mono';
    src: url('//static.photoholding.com/images/15398.ttf') format('truetype');
}

/*не ломаем верстку на мордере*/
* {
    box-sizing: content-box;
}
/**/

.np-page-header,
.np-page-header * {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: none !important;
    /*-ms-touch-action: none !important;*/
}

.np-page-header {
    font-family: "Open Sans", sans-serif;
    overflow: visible;
    width: 100%;
    font-size: 16px;
}

.auto_height {
    height: auto !important;
}
.left {
    float: left;
}

.right {
    float: right;
}

.visible768 {
    display: none;
}

.vertical__align {
    display: inline-block;
    line-height: 0px;
    vertical-align: middle;
}

.justify__align {
    position: relative;
    text-align: justify;
    line-height: 0;
}
.justify__align > * {
    font-size: 16px;
    margin-right: -4px;
    line-height: normal;
}

.justify__align:after {
    width: 100%;
    height: 0;
    visibility: hidden;
    overflow: hidden;
    content: '';
    display: inline-block;
}

.no_margin {
    margin-bottom: 0 !important;
}

.title_screenreader {
    position: absolute;
    clip: rect(1px, 1px, 1px, 1px);

    padding: 0;
    height: 1px;
    width: 1px;

    border: 0;
    overflow: hidden;
}
.line-through {
    text-decoration: line-through;
}

.np-page-header a {
    color: #181719;
}

.np-page-header a:hover {
    color: #a33091;
}

.center-block {
    float: none !important;
}

.text__center {
    text-align: center;
}

/* header */

#page-header {
    margin-top: 43px;
}

.np-page-header {
    position: relative;
    z-index: 99;
}

header.menu_scroller {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    overflow-y: scroll;
}

.np-page-header a {
    display: inline-block;
    position: relative;
    zoom: 1;
    text-decoration: none;
    white-space: nowrap;
}


.newBanner {
    background-color:rgba(155, 35, 140, 1);
}


.newBanner_content {
    height: 68px;

    display: flex;
    align-items: center;
    position: relative;
    justify-content: center;
}

.newBanner_logo {
    margin-left: 24px;
}

.newBanner_title {
    display: flex;
    align-items: center;

    font-family: 'Neutral Face', 'Open Sans';
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 36px;
    letter-spacing: 0em;
    text-align: center;

    color: rgba(245, 243, 247, 1);
}

.newBanner_button {
    position: absolute;
    right: 0;

    font-weight: normal;
    font-size: 16px;
    line-height: 26px;
    text-decoration-line: underline;
    color: rgba(166, 166, 166, 1);
    background-color: inherit;
    border: none;
}

@media (max-width: 1200px) {
    .newBanner_title {
        line-height: 16px;
        font-size: 14px;
    }

    .newBanner_button {
        font-size: 14px;
        line-height: 16px;
    }

    .newBanner_logo {
        margin-left: 30px;
    }
}

@media (max-width: 767px) {
    .np-page-header {
        position: sticky;
        top: 50px;
        z-index: 102;
        height: 0;
    }

    .newBanner_content {
        flex-direction: column-reverse;
    }


    .newBanner_button {
        position: static;
        font-size: 12px;
    }

    .newBanner_logo {
        width: 62px;
        height: 28px;
        margin-left: 8px;
    }
}

.top_white_panel {
    background: #ffffff;
    box-shadow: 0 0 9px 0 rgba(0,1,1,0.59);
    height: 43px;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 103;
}


.cities-list .wrapper {
    max-width: 990px;
    width: 100%;
    padding-right: 10px;
    padding-left: 10px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
}

.countries {
    overflow: hidden;
    padding: 9px 0px 12px;
}

.countries li {
    color: #000000;
    float: left;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    padding-left: 0px;
}

.countries li + li {
    padding-left: 10px;
}

.countries a {
    color: #000000;
    text-decoration: none;
}
/*меню top block**/
.top_block_item{
    display: inline-block;
    text-decoration: none;
    vertical-align: middle;
    font-size: 13px;
    line-height: 16px;
    padding: 12px 0;
    position: relative;
}

.top_block_items_social {
    display: inline-flex;
    align-items: center;
}

.top_block_ico-telegram {
    display: none;
}

@media all and (min-width: 1280px) {
    .top_block_items_social .top_block_item {
        margin-left: 4px;
        margin-right: 4px;
    }

    .top_block_ico-telegram {
        width: 22px;
        height: 22px;
        content: '';
        display: block;
        background: url("/assets/np2016/svg/tg-grey.svg");
    }

    .top_block_item:hover .top_block_ico-telegram {
        background: url("/assets/np2016/svg/tg-pink.svg");
    }
}

.top_block {
    height: 43px;
}

.top_block .top_logo {
    padding: 0;
}
.top_block_ico,
.mob_block .ico{
    vertical-align: middle;
    color: #d0d0d0;
    font-size: 19px;
    margin-right: 2px;
    min-width: 18px;
    display: inline-block;
    text-align: right;
}
.top_block .text{
    vertical-align: middle;
}

.cities .text{
    position : relative;
    padding-right: 10px;
}
.cities .text:after {
    border-style: solid;
    border-width: 4px 3.5px 0 3.5px;
    border-color: #534741 transparent transparent transparent;
    content: '';
    position: absolute;
    top: 50%;
    right:0;
}
.city__up .text:after{
    border-color: transparent transparent #534741 transparent;
    border-width: 0 3.5px 4px 3.5px;
}
.top_phone{
    color: #9d228a;
}
.top_basket .quantity {
    color: #bdb8b8;
}

/*меню top block*/

.main_nav {
    background: #a33091;
    position: relative;
}
.main_nav ul.menu_list {
    display: block;
    padding: 0;
    margin: 0;
}

.main_nav ul.menu_list > li.opera a {
    font-size: 13px;
}

.main_nav ul > li {
    display: inline-block;
    line-height: 50px;
    text-transform: uppercase;
    font-size: 14px;
    margin: 0 3px;
}

.main_nav ul > li > a {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    padding: 0px 2px;
    z-index: 98;
}

.main_nav ul > li.drop__menu_profile {
    background: #a33091;
}
.main_nav ul > li.drop__menu_profile a {
    color: #ffffff;
}
.main_nav ul > li.drop__menu_profile.hover a {
    color: #ffffff;
}
.drop__menu_profile .drop__menu .menu__col ul > li {
    background-color: transparent;
}

.desktop__login {
    width: 145px;
}
.desktop__cart {
    width: 115px;
}

.desktop__login--name {
    width: 118px;
    text-overflow: ellipsis;
    word-break: break-all;
    white-space: nowrap;
    overflow: hidden;
}



.drop__menu {
    background: #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f2f2f2));
    background: -webkit-linear-gradient(top, #ffffff 0%,#f2f2f2 100%);
    background: -moz-linear-gradient(top, #ffffff 0%,#f2f2f2 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#f2f2f2 100%);
    /* -webkit-box-shadow: 0 0px 9px 0 rgba(0,1,1,0.59); */
    box-shadow: 0 0px 9px 0 rgba(0,1,1,0.59);
    height: 0px;
    overflow: hidden;
    padding: 0px;
    position: absolute;
    left: -6px;
    right: -5px;
    top: 100%;
    z-index: 97;
}


.main_nav .mob_block {
    display: none;
}

.drop__menu .menu__col {
    /* float: left; */
    display: inline-block;
    vertical-align: top;
    padding: 0px 12px 10px;
    /* width: 207px; */
    width: 33%;
}
.drop__menu .menu__col + .menu__col {
    border-left: 1px solid #dfdede;
}

.drop__menu h2 {
    color: #2c2b2c;
    font-size: 14px;
    line-height: 18px;
    font-weight: 700;
    margin-bottom: 18px;
    padding-left: 7px;
}
.drop__menu .menu__col ul > li {
    line-height: normal;
    text-align: left;
    display: block;
    text-transform: none;
}
.drop__menu .menu__col a {
    color: #2c2b2c;
    display: block;
    font-weight: normal;
    margin: 0;
    font-size: 13px;
    line-height: 16px;
    padding: 5px 7px 5px;
    text-decoration: none;
}

.drop__menu .menu__col a:hover {
    color: #A33091;
}

.drop__menu .drop__menu-title{
    text-align: left;
    line-height: 22px;
    font-weight: bold;
}


/* /header */

/* Cities top */

.top-cities {
    background: #ffffff;
}
.top-cities .wrapper {
    position: relative;
}

#search_cities {
    border: 1px solid #acacac;
    border-radius: 4px;
    color: #2a2c2e;
    font-size: 14px;
    line-height: 18px;
    padding: 9px 25px 7px 15px;
    width: 268px;
}

#clear_city {
    position: relative;
    right: 30px;
    top: 1px;
}

.cities-list {
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 30px;
    background: #fff;
}

.big_cities {
    display: inline-block;
    overflow: hidden;
    margin-left: 5px;
    position: relative;
    top: -1px;
    vertical-align: middle;
}

.big_cities li {
    color: #2a2c2e;
    float: left;
    font-size: 14px;
    font-weight: 700;
    line-height: 38px;
    padding-left: 0px;
}

.big_cities li:before {
    display: none;
}

.big_cities li + li {
    margin-left: 28px;
}

.big_cities a {
    border-bottom: 1px dashed #2a2c2e;
    color: #2a2c2e;
    font-weight: normal;
    text-decoration: none;
    line-height: 1.4;
}

.big_cities a:hover {
    border-bottom-color: #ffffff;
}

#choose_city_loading{
    text-align: center;
    font-family: 'Lucida Console', 'Monaco', 'monospace';
    font-size: 30px;
    font-weight: 100;
    color: lightgray;
    height: 100px;
    line-height: 80px;
    background: url('../images/template/AjaxLoader.gif') bottom center no-repeat;
}
#close_menu {
    color: #a33091;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    position: absolute;
    right: 10px;
    text-decoration: none;
    top: 11px;
}

.letters__bg {
    background: #eaeaea;
    margin: 9px 0;
    padding: 14px 0px 17px;
}

.letters {
    height: 20px;
    width: 100%;
}

.letters li {
    display: inline;
    padding-left: 0px;
}

.letters li:before {
    display: none;
}

.letters li + li {

}

.letters li a {
    color: #1a1918;
    border-bottom: 1px dotted #1a1918;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    text-decoration: none;
    text-transform: uppercase;
}

.letters li a:hover,
.letters li a.active {
    border-bottom: 1px dotted #a33091;
    color: #a33091;
}

.letter {
    color: #a33091;
    font-size: 24px;
    font-weight: 700;
    line-height: 28px;
    margin: 0px;
    padding: 9px 0px 11px;
    text-transform: uppercase;
}

.cities_m {
    overflow-y: auto;
    padding: 0px 12px 0px 0px;
    width: 100%;
    max-height: 300px;
}

.cities_m li {
    display: block;
    float: left;
    padding: 0px 0px 0px;
    width: 20%;
}

.cities_m li:before {
    display: none;
}

.cities_m li a {
    color: #2a2c2e;
    font-size: 14px;
    line-height: 24px;
    text-decoration: none;
}

.cities_m li a:hover {
    color: #a33091;
    text-decoration: underline;
}

#no_city_match_error {
    font-size: 14px;
    line-height: 18px;
    padding-top: 30px;
}

/*Здесь все касается авторизации пользователя*/
.guest .np-page-header .is_auth, /*когда в body еще нет тега guest*/
.np-page-header .is_non_auth {
    display: none;
}

.guest .np-page-header .is_non_auth,
.authorized .np-page-header a.is_auth,
.authorized .np-page-header span.is_auth{
    display: inline-block;
}

.without_text_decoration{
    text-decoration: none !important;
}

/*Morder drop-down menu*/
.order_menu{
    position: absolute;
    display: none;
    background-color: #ffffff;
    z-index: 1;
    min-width: 215px;
    box-shadow: 0 3px 9px 0 rgba(0,1,1,0.59);
    top: 36px;
    margin: 0;
    padding: 0;
}

.order_menu .order_menu_link {
    padding: 10px;
    width: 100%;
}
.order_menu .order_menu_link_balance{
    color: #a33091;
    font-weight: bold;
}

.top_auth:hover .order_menu{
    display: block;
}
.order_menu li:first-child{
    /*margin-top: 10px;*/
}
.order_menu li {
    border-bottom: 1px solid #ccc;
    list-style: none;
}
.order_menu li:last-child {
    border-bottom: none;
}
.order_menu .morder-ico{
    vertical-align: middle;
}
.order_menu .name {
    vertical-align: middle;
}
.top_auth .text{
    padding-right: 10px;
}

/*back to old site*/
.back-to-old-site {
    background-color: #ff9d00;
    position: fixed;
    top: 0;
    width: 100%;
    color: #ffffff;
    font-size: 12px !important;
    z-index: 100;
    display: none !important;
}
.back-to-old-site:hover {
    background-color: #ff7b00;
}

.np-page-header .back-to-old-site-link {
    padding: 3px 0;
    color: #ffffff;
    width: 100%;
}
.np-page-header .back-to-old-site-link:hover {
    color: #ffffff;
}
.np-page-header .back-to-old-site-icon{
    padding-left: 5px;
    font-size: 14px !important;
    color: #ffffff;
}

/* Данный класс поможет нам избежать ненужного использования тегов a*/
.hover_effect:hover,
.hover_effect:hover > * {
    cursor: pointer;
    color: #a33091;
}
#greetOnNewSite {
    display: none !important;
}

.invisible__butt{
    background-color: transparent;
    border: none;
}

/* Fit version */

.action-countdown-fit {
    padding-bottom: 0;
    background-color: #600752;
    background-image: -webkit-gradient(linear, left left, left right, from(#600752), to(#600752)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(left, #600752, #600752); /* Chrome 10+, Saf5.1+, iOS 5+ */
    background-image:    -moz-linear-gradient(left, #600752, #600752); /* FF3.6+ */
    background-image:     -ms-linear-gradient(left, #600752, #600752); /* IE10 */
    background-image:      -o-linear-gradient(left, #600752, #600752); /* Opera 11.10+ */
    background-image:     linear-gradient(#600752, #600752), linear-gradient(to right, #710460, #ff7b00);
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#600752', endColorstr='#600752'); /* IE6 & IE7 */
    box-shadow: inset 0 5px 5px 0 rgba(0, 0, 0, 0.19);
    height: 68px;
    overflow: hidden;
    z-index: 99;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.action-countdown-fit-dummy {
    height: 68px;
}

.action-countdown-fit-dummy + .top_white_panel {
    margin-top: 68px;
}

.action-countdown-fit .action-countdown-body{
    text-align: center;
}
.action-countdown-fit .action-counter-holder {

}
.action-countdown-fit .action-counter {
    margin-top: 8px;
    display: inline-block;
}
.action-countdown-fit .action-counter-item {
    float: left;
    margin-left: 15px;
}
.action-countdown-fit .action-counter-item:first-child {
    margin-left: 0;
}
.action-countdown-fit .action-counter-item-value {
    font-family: 'Droid Sans Mono';
    background: url('//static.photoholding.com/images/15399.png') center no-repeat;
    width: 58px;
    height: 40px;
    color: #600752;
    font-size: 33px;
    line-height: 40px;
    vertical-align: middle;
    padding-left: 4px;
    letter-spacing: 11px;
}
.action-countdown-fit .action-counter-item-name {
    margin-top: 3px;
    font-size: 9px;
    text-align: center;
    color: #ffffff;
    width: 58px;
}
.action-countdown-fit .action-countdown-title{
    margin-top: 8px;
    font-size: 26px;
    font-weight: bold;
    letter-spacing: 2px;
    color: #ffffff;
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden;
}

.action-countdown-fit .action-countdown-subtitle{
    font-size: 9px;
    color: #ffa34d;
    letter-spacing: 1px;
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden;
}
.action-countdown-fit .action-countdown-subtitle:before{
    content: "\2014\2014";
    color: #ffa34d;
    letter-spacing: -1px;
    margin-right: 2px;
    font-weight: bold;
}
.action-countdown-fit .action-countdown-subtitle:after{
    content: "\2014\2014";
    color: #ffa34d;
    letter-spacing: -1px;
    margin-left: 1px;
    font-weight: bold;
}
.action-countdown-fit .action-countdown-details{
    text-align: right;
}
.action-countdown-fit .action-countdown-details-button{
    font-size: 14px;
    background: #ffffff;
    padding: 12px;
    text-transform: uppercase;
    font-weight: bold;
    color: #600753;
    text-decoration: none;
    margin-top: 12px;
    transition: color 0.3s ease;
}
.action-countdown-fit .action-countdown-details-button:hover {
    color: #ff7b00
}

@media only screen and (max-width: 767px) {
    .main_nav ul.menu_list {
        margin-top: 20px;
    }

    #page-header {
        margin-top: 0px;
    }

    .np-page-header {
        padding-top: 0;
    }

    .main_nav {
        max-height: 100vh;
        overflow: auto;
    }

}
.outdatedBrowserMessage{
    font-size: 22px;
    background-color: #00A3ED;
    padding: 15px 0;
    color: #fff;
    font-weight: bold;
}

.new_design.main_nav {
    background: #BE28FF;
}
.new_design {
    .desktop__login--name {
        width: auto !important;
    }

    .a__butt {
        background: #BE28FF;
    }

    .a__butt:hover,
    .a__butt:focus{
        background: #AA14F0;
    }

    .a__butt:active {
        background: #910AD2;
    }

    .main_nav {
        background: #fff;
    }

    .slider__block a.a__butt {
        background-color: #BE28FF;
    }

    .slider__block a:hover {
        color: #AA14F0;
    }

    .np-socials a, .socials a {
        text-align: center;
    }

    .input-group-btn .a__butt--invert:hover {
        background: #AA14F0;
    }

    .menu_list > li a {
        white-space: nowrap !important;
    }

    .bonus-certificate-shop-item-button button {
        border-radius: 20px;
        background-color: #be29ff !important;
    }

    .bonus-certificate-shop-item-border {
        border-radius: 16px !important;
        padding: 24px !important;
    }

    .bonus-certificate-shop-item {
        height: 400px;
        text-align: center;
    }

    .bonus-certificate-shop-item-title {
        line-height: 24px;
        color: #4f4f4f;
    }

    .show-more-certificates {
        background: transparent;
        border-radius: 20px;
        border: 1px solid #be29ff !important;
        color: #be29ff !important;
        padding: 0 40px;
        height: 42px;
        margin-top: 40px;
    }
    .show-more-certificates:hover {
        background: #AA14F0 !important;
        color: #fff !important;
    }

    .bonus-certificate-shop-balance {
        color: #be29ff;
        font-size: 32px;
        line-height: 38px;
        font-weight: 700;
    }

    .bonus-certificate-shop a {
        color: #4f4f4f;
        text-decoration: underline;

        &:hover {
            color: #AA14F0;
        }
    }

    .bonus-certificate-shop-item-price span {
        color: #4f4f4f;
        font-weight: 700;
    }

    .desktop__bonuses {
        color: #AA14F0;
        font-size: 14px;
        white-space: nowrap;
        padding-left: 20px;
    }

    .desktop__bonuses--active {
        display: inline !important;
    }

    .np-page-header a {
        white-space: nowrap;
    }

    .desktop__login {
        width: auto !important;
    }

    .container {
        max-width: 100%;
        width: 100%;
        padding-left: 40px;
        padding-right: 40px;
    }

    .top_block {
        display: flex;
        white-space: nowrap;
        width: 100%;
        gap: 40px;
    }

    .top_block.justify__align:after {
        display: none !important;
    }

    .top_delivery {
        margin-right: auto !important;
    }

    .top_block {
        width: 100%;
        display: flex;
        gap: 40px;
    }

    .top_block:after {
        display: none !important;
    }

    @media screen and (min-width: 768px) {
        .main_nav {
            background: #BE28FF;
            position: relative;
        }

        .item_list {
            background: none !important;
            margin-top: 20px;
            margin-bottom: 20px;
        }
    }

    @media screen and (min-width: 1200px) {
        .menu_list {
            text-align: left !important;
            display: flex !important;
            flex-direction: row;
            gap: 20px;
        }

        .main_nav ul > li:not(:first-child) {
        }

        .main_nav ul > li > a {
            white-space: nowrap;
        }
    }

    @media screen and (max-width: 1200px) {
        .some_help {
            display: none !important;
        }
    }

    @media screen and (max-width: 1440px) {
        .top_templates {
            display: none !important;
        }

        .top_albums {
            display: none !important;
        }
    }

    @media screen and (min-width: 1680px) {
        .container {
            max-width: 1600px;
            width: 1600px;
        }

        .custom_slider_item .restricted-container{
            max-width: 1520px;
        }

        .main_slider_item,
        .action_slider_item,
        .adaptive_slider_item{
            height: 469px;
            line-height: 469px;
        }

        .main_slider_list {
            height: 469px;
        }

        .custom_slider_item .text-block{
            padding-top: 40px;
        }

        .bg_block_slider{
            width: 100%;
            object-fit: cover;
        }

        .slider__block li {
            padding: 0 24px;
        }

        .slider__block .owl-item li {
            width: calc(100% + 48px);
            margin: 0 -24px;
        }

        .slider__block__new .owl-wrapper {
            width: calc(100% + 52px) !important;
            display: flex !important;
            gap: 48px !important;
        }

        .shop_item {
            padding: 0 !important;
            width: 100% !important;
            height: 100%;
            margin: 0;
        }

        .shop_item .item_text {
            margin-bottom: auto !important;
        }

        .item_content {
            padding: 24px;
            display: flex;
            flex-direction: column;
            height: 100%;
        }

        .item_picture {
            min-height: 320px;
            margin-bottom: 0 !important;
        }

        .item_picture img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            max-height: 100% !important;
        }

        .item_list {
            background: none !important;
            margin-top: 40px;
            margin-bottom: 40px;
        }

        .shop_items_wrapper {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 40px;
        }

        .footer_bottom ul {
            text-align: left;
        }

        .menu_list {
            text-align: left !important;
            display: flex !important;
            flex-direction: row;
            gap: 20px;
        }

        .main_nav ul > li:not(:first-child) {
        }

        .menu_list li > a {
            white-space: nowrap !important;
        }

        .menu_list .drop__menu a {
            white-space: normal !important;
        }

        .drop__menu-title a {
            white-space: normal !important;
        }

        .top_logo {
            padding: 4px !important;
        }

        .top_logo img {
            height: 100% !important;
        }

        .desktop__login, .desktop__cart {
            width: auto !important;
        }

        .top_auth .text {
            padding-right: 0 !important;
        }

        .item_category_price {
            display: flex;
            align-items: baseline;
            justify-content: center;
        }

        .shop_item .item_price .violet_price {
            color: #910AD2;
        }

        .shop_item .item_price .grey_price {
            color: #646D7E;
            font-size: 20px;
        }

        .shop_item .item_price .little_grey {
            position: relative;
            top: -1px;
        }

        .shop_item .item_price .line-through-after:after {
            background: rgba(100, 109, 126, 0.8);
            top: calc(50% - 1px);
        }
    }
}