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


    .mc-inimg1 {background-position:  60% 0px;}
    .mc-inimg2 {background-position:  60% 0px;}

}

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


    .mc-inimg1 {background-position:  50% 0px;}
    .mc-inimg2 {background-position:  55% 0px;}

}

@media only screen and (max-width: 1190px) {
    .mc-in {padding-left:10px;padding-right:10px;}
    .royal-price-section {width:auto;}
    .royal-price-section-container {width:auto;margin:0px;}


    .mpCompTable {display:none;}

}





@media (max-width: 900px) {
    .top1-left,
    .top1-right {
        flex: 0 0 100%;
        width: 100%;
    }

    .site-logo {
        flex-direction: column;
        align-items: center;
        gap: 12px;
    }

    .site-logo-main {
        justify-content: center;
        width: 100%;
    }

    .site-logo-snow {
        display: none;
    }

    .site-logo-slogan {
        border-left: none;
        border-top: 1px solid rgba(255, 255, 255, 0.45);

        padding-left: 0;
        padding-top: 12px;

        max-width: none;
        width: 100%;
        text-align: center;
        box-sizing: border-box;
    }



    .top-info {float:none;width:100%;text-align:center;margin-top:0px;margin-left:0px;padding:0px;padding-top:10px;}
    .top-info-title {text-align:center;font-size:22px;width:100%;padding-left:5%;padding-left:5%;margin-top:170px;line-height:38px;}
    .top-info-text {text-align:center;font-size:16px;width:100%;padding-left:5%;padding-left:5%;line-height:30px;}

}





.soft-dark-bg {
    position: relative;
    isolation: isolate;
    background: transparent;
}

.soft-dark-bg::before {
    content: "";
    position: absolute;
    inset: -10px;
    z-index: -1;
    pointer-events: none;

    background: rgba(0, 0, 0, 0.45);
    border-radius: 30px;

    filter: blur(30px);
}









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

         .setList {display:none;}

        .stopNewNamesMessage {width:90%;margin-right:5%;margin-left:5%;}

         .videoOrderName {float:none;margin-left:25px;}
         .videoOrderNameInner {width:300px;}
         .videoOrderNameInnerSelect {margin-right:15px;width:285px;}
         .videoOrderAge {width:270px;}
         .videoOrderAgeInnerSelect {margin-right:15px;width:285px;}
         .videoOrderAge {float:none;margin-left:25px;}

         .videoNewName {width:285px;}
     .videoNewNameMessage {margin-left:0px;width:200px;}
     .videoOrderSkMarks {padding-left:0px;width:100%;}

.videoSettingsOptionsSelect {width:290px;}

         .albumRowElement {height:auto;}
         .albumCommentsSelectContainer {width:100%;padding:0px;padding-top:20px;padding-bottom:20px;border-bottom:1px solid #CCCCCC;}
         
         .orderReadBuyerTitle {display:none;}


.videoCAmountRadioContainer {float:left;width:60px;text-align:center;padding-top:60px;overflow:hidden;font-family:PT Sans Narrow;}
     .videoCAmountImg {width:40px;margin:0px;margin-bottom:12px;margin-top:-50px;margin-left:-35px;}
               .videoCAmountInput {position:relative;margin-left:15px;}

               .costumeVariantChoose {float:left;width:150px;text-align:center;padding-top:160px;}
               .calendarChooseContainer {min-width:110px;}
                .orderForm {width:100%;padding:3%;}
                
.albComGroupButton {display:inline-block;padding:3px;margin:2px;padding-left:5px;padding-right:5px;margin-bottom:3px;}
.albComGroupButtonActive {}
.albComGroupButton:hover {text-decoration:none;}                

.step2submit2 {margin-top:12px;border-top:1px solid #CCCCCC;padding:20px;}

.videoChildDataContainer {float:none;padding:0px;width:100%;margin-left:0px;}








         
.royal-left {float:none;width:100%;margin-top:0px;min-width:auto;}
.royal-right {float:none;width:100%;margin-top:0px;min-width:auto;}
.royal-top-in {height:auto;}
.royal-video-in {padding:0px;} 
.royalButtonsContainer {width:100%;float:none;}
.royalButtonsSubtitle {padding:0px;margin-top:20px;}

.subOrderButtonImg {display:block;width:24px;padding-top:4px;}
.komplekt-subicon {width:20px;margin:0px;padding:0px;}


.setButton {width:50%;float:left;margin:0%;margin-top:0px;}
        
  .set-container {float:none;width:100%;}
    .set-container-inner {float:none;width:100%;}
   .smallSetImage {float:left;width:35%;}
   .smallSetImg {width:100%;}
   .smallSetDescr {display:none;}
   .smallSetDescr2 {display:block;float:right;width:60%;margin-top:-50px;}
   
   .smallSetButton  {float:right;width:42%;margin-left:5%;}
   .smallSetImage {margin-top:-20px}
   .clearSets {clear:both;}

     .btn-order, .btn-order:active, .btn-order:visited, .btn-order:focus {width:120px;}
                            
   
   .mpInfoSection {width:100%;float:none;}
   
   
   .top1-left {width:100%;padding:0px;padding-top:10px;padding-bottom:0px;margin-bottom:10px;}
   .top1-right {padding:0px;}
   


   .footerSectionLeftContainer {width:100%;float:none;}
   .footerSectionRightContainer {width:100%;float:none;}
   
   .footerSectionLeft {width:100%;float:none;margin-bottom:20px;text-align:center;}
    .footerSectionRight1 {width:100%;float:none;margin-top:30px;text-align:center;}
    .footerSectionRight2 {width:100%;float:none;text-align:center;padding-top:15px;}
    .b_facebook {width:100%;}
    


    .top-right-menu-buttons {display:none;}

    .mc-image {}
    

    

    .bankIcons {margin-top:15px;}
    
    .orderReadSection {margin:0px;margin-top:15px}
    .mc-left {width:100%;float:none;padding:0px;}
    
    
    .pay-show-button {width:60px;}
    
    
    div.weOffer {padding:0px;padding:15px;margin:0px;background-image:url(../layout/feedbacks2.jpg);}
    p.weOffer {color:#FFFFFF;padding:0px;margin:0px;font-family:Philosopher;line-height:30px;font-size:20px;text-align:center;}
    
    .royalImg {  width: 100%;height: auto;}



    
 }






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

    .stripecheckout {width:350px;}

    .c-logo2 {padding-top:0px;}
    .sitelogo {font-size:30px;}

    .set-title {font-size:28px;margin-left:0px;}

    .orderReadSectionInner1 {float:none;text-align:left;width:auto;display:block;margin:10px;}
    .orderReadSectionInner2 {text-align:center;width:100%;float:none;margin:10px;margin-top:30px;}
    .orderReadSectionInner3 {text-align:center;width:100%;float:none;margin-bottom:10px;}
    .orderReadSectionInner3 table {float:none;}
    .orderReadySetImgPreview {height:80px;}

/*
    .mc-inimg1 {background: url('../layout/site_top2_bg1_2025.jpg?3') no-repeat  45% 0px;background-size: cover;}
    .mc-inimg2 {background: url('../layout/site_top2_bg2_2025.jpg?3') no-repeat  45% 0px;background-size: cover;}
*/
    .mc-inimg1 {background: url('../layout/site_top2_bg1_2027.webp?7') no-repeat  45% 0px;background-size: cover;}
    .mc-inimg2 {background: url('../layout/site_top2_bg2_2027.webp?7') no-repeat  45% 0px;background-size: cover;}

    .royal-price-section {width:100%;}

    .card_photo_control {width:100%;max-width:220px;}
    .card_photo_control2 {width:100%;display:none;text-align:center;line-height:42px;}

    .calendar_photo_control {width:100%;max-width:220px;}
    .calendar_photo_control2 {width:100%;display:none;text-align:center;line-height:42px;}

    .videoNewNameMessage {width:300px;}

    .photoUploadSection {width:100%;}



    .videoOrderName {margin-left:15px;}
    .videoOrderAge {margin-left:15px;}

    .button-order-menu {text-align:center;}


    .pay-button-containter
    {
        border-radius: 7px;border:1px solid #CCCCCC;padding:10px;margin-left:4%;margin-right:4%;float:left;background-color:#CCCCCC;width:42%;text-align:center;
        background: rgb(255,255,255);
        /*background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(245,245,245,1) 100%);*/

    }

    .pay-button-text-inner {margin-left:18%;}


    .button-small-set {width:120px;}


    .mc-left {width:100%;float:none;padding:0px;background-color:#FFFFFF;box-shadow: 0px 0px 0px 0px #ededed;border-radius: 0px;margin-top:20px;}


    .form-container {padding:0px;}

    .button-wide {font-family:PT Sans Narrow;}

}









/* Контейнеры стрелок */
#carousel-example .carousel-control-prev,
#carousel-example .carousel-control-next {
    position: absolute;
    top: -70px;
    bottom: auto;

    width: 45px;
    height: 45px;

    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;

    opacity: 1;
    text-decoration: none;
}

/* Расположение */
#carousel-example .carousel-control-prev {
    left: 15px;
}

#carousel-example .carousel-control-next {
    right: 15px;
}

/* Убираем стандартные иконки */
#carousel-example .carousel-control-prev-icon,
#carousel-example .carousel-control-next-icon {
    display: none !important;
}

/* Новые стрелки */
#carousel-example .carousel-control-prev::after {
    content: "‹";
}

#carousel-example .carousel-control-next::after {
    content: "›";
}

#carousel-example .carousel-control-prev::after,
#carousel-example .carousel-control-next::after {
    display: block;
    position: static;

    width: auto;
    height: auto;

    color: #999;
    font-family: Arial, sans-serif;
    font-size: 56px;
    font-weight: 300;
    line-height: 40px;

    background: none !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;

    transition: color 0.2s;
}

/* Наведение */
#carousel-example .carousel-control-prev:hover::after,
#carousel-example .carousel-control-next:hover::after {
    color: #555;
}







/* ==========================================
   ТАБЛИЦА СРАВНЕНИЯ КОМПЛЕКТОВ
========================================== */

/* Внешний контейнер */

.comp-table-scroll {
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;

    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

/* Таблица */

.compTable.compTable-new {
    width: 100%;
    min-width: 1100px;

    margin: 0 auto;
    table-layout: fixed;

    border-collapse: separate;
    border-spacing: 3px 0;

    background: transparent;

    font-family: Arial, sans-serif;
    color: #123b78;
}

/* Сброс старого оформления ячеек */

.compTable-new th,
.compTable-new td {
    box-sizing: border-box;
    border: none;
    vertical-align: middle;
}

/* Первая колонка */

.compTable-new tr > :first-child {
    width: 25%;
}

/* ==========================================
   ГРУППОВЫЕ ЗАГОЛОВКИ
========================================== */

.compTable-new thead .comp-group-row th {
    height: auto;
    padding: 12px 10px;
    vertical-align: middle;
}

.compTable-new .comp-group-title {
    text-align: center;

    font-family: Georgia, serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.3;

    color: #123b78;

    border-radius: 14px 14px 0 0;
}

/* Бумажные комплекты */

.compTable-new .comp-group-blue {
    background: #e5f4ff;
}

/* Видео комплекты — зелёный */

.compTable-new .comp-group-video {
    background: #e0f7e5;
}

/* ==========================================
   ЗАГОЛОВКИ КОМПЛЕКТОВ
========================================== */

.compTable-new thead .comp-products-row th {
    height: auto;
    padding: 15px 8px 12px;
    text-align: center;
    vertical-align: middle;
}

/* Названия */

.compTable-new .comp-product-title {
    font-family: Georgia, serif;

    font-size: 16px;
    font-weight: bold;
    line-height: 1.25;

    color: #123b78;
    margin-bottom: 8px;
}

/* Цены */

.compTable-new .comp-product-price {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;

    color: #123b78;
    white-space: nowrap;
}

/* Цена видео */

.compTable-new .comp-orange .comp-product-price {
    color: #d77d00;
}

/* Цены Royal — зелёные */

.compTable-new .comp-red-light .comp-product-price,
.compTable-new .comp-red .comp-product-price {
    color: #168a39;
}

/* ==========================================
   ЦВЕТА КОЛОНОК
========================================== */

/* Синие — Classic */

.compTable-new .comp-blue {
    background: #e5f4ff;
    color: #0875ed;
}

/* Оранжевая — Video */

.compTable-new .comp-orange {
    background: #fff1dc;
    color: #e58a00;
}

/* Светло-зелёная — Royal+Video */

.compTable-new .comp-red-light {
    background: #e6f8e9;
    color: #22a447;
}

/* Зелёная — Royal+Video+DVD */

.compTable-new .comp-red {
    background: #d4f2dc;
    color: #168a39;
}

/* ==========================================
   ЛЕВАЯ КОЛОНКА С ОПИСАНИЯМИ
========================================== */

.compTable-new tbody th {
    padding: 10px 15px;

    text-align: left;

    font-size: 15px;
    font-weight: 400;
    line-height: 1.35;

    color: #123b78;
    background: #fff;

    border-bottom: 1px solid #dceaf5;
}

/* ==========================================
   СТРОКИ СРАВНЕНИЯ
========================================== */

.compTable-new tbody td {
    height: 43px;
    padding: 5px;

    text-align: center;

    border-bottom: 1px solid rgba(255,255,255,0.85);
}

/* Галочки */

.compTable-new tbody td.comp-yes {
    font-family: Arial, sans-serif;
    font-size: 29px;
    font-weight: 900;
    line-height: 1;
}

/* Прочерки */

.compTable-new tbody td:not(.comp-yes)::after {
    content: "–";

    color: #9bbbd6;
    font-size: 20px;
    font-weight: 400;
}

/* Оранжевые прочерки */

.compTable-new tbody td.comp-orange:not(.comp-yes)::after {
    color: #e5bc7a;
}

/* Зелёные прочерки */

.compTable-new tbody td.comp-red-light:not(.comp-yes)::after,
.compTable-new tbody td.comp-red:not(.comp-yes)::after {
    color: #91cfa3;
}

/* ==========================================
   КНОПКИ ЗАКАЗА
========================================== */

.compTable-new tfoot td {
    padding: 12px 5px;
    text-align: center;
}

.compTable-new tfoot td:not(:first-child) {
    border-radius: 0 0 14px 14px;
}

/* Общий стиль кнопок */

.compTable-new .comp-order-button {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 100%;
    min-height: 46px;

    box-sizing: border-box;
    padding: 8px 10px;

    border-radius: 25px;
    border: 1px solid rgba(255,255,255,0.6);

    color: #fff;
    font-size: 16px;
    font-weight: 400;

    text-decoration: none;
    white-space: nowrap;

    box-shadow: 0 3px 8px rgba(0,0,0,0.12);

    transition:
            filter 0.2s,
            box-shadow 0.2s;
}

/* Наведение */

.compTable-new .comp-order-button:hover {
    color: #fff;
    text-decoration: none;

    filter: brightness(0.93);

    box-shadow: 0 5px 12px rgba(0,0,0,0.18);
}

.compTable-new .comp-order-button:visited,
.compTable-new .comp-order-button:focus {
    color: #fff;
    text-decoration: none;
}

/* Синие кнопки — Classic */

.compTable-new .comp-btn-blue {
    background: linear-gradient(
            180deg,
            #35b7ff 0%,
            #0067f5 100%
    );
}

/* Оранжевая кнопка — Video */

.compTable-new .comp-btn-orange {
    background: linear-gradient(
            180deg,
            #ffb21b 0%,
            #ef8700 100%
    );
}

/* Зелёные кнопки — Royal */

.compTable-new .comp-btn-red {
    background: linear-gradient(
            180deg,
            #34c759 0%,
            #169b42 100%
    );
}

/* ==========================================
   СМАРТФОНЫ И ПЛАНШЕТЫ
========================================== */

@media (max-width: 1100px) {

    .comp-table-scroll {
        width: 100%;
        overflow-x: auto;
    }

    .compTable.compTable-new {
        width: 1100px;
        min-width: 1100px;
    }

    /* Закрепляем первую колонку */

    .compTable-new tr > :first-child {
        position: sticky;
        left: 0;
        z-index: 2;
        background: #fff;
    }

    .compTable-new thead tr > :first-child {
        z-index: 3;
    }

    .compTable-new tbody th {
        font-size: 14px;
    }
}



