.gift-wrapped-and-decorated-with-blue-bow-on-yellow-background-with-copy-space.-Flat-lay, -top-view-1-hex {
    color: #0378A6;
}

.gift-wrapped-and-decorated-with-blue-bow-on-yellow-background-with-copy-space.-Flat-lay, -top-view-2-hex {
    color: #04C4D9;
}

.gift-wrapped-and-decorated-with-blue-bow-on-yellow-background-with-copy-space.-Flat-lay, -top-view-3-hex {
    color: #F2CB05;
}

.gift-wrapped-and-decorated-with-blue-bow-on-yellow-background-with-copy-space.-Flat-lay, -top-view-4-hex {
    color: #F2E394;
}

.gift-wrapped-and-decorated-with-blue-bow-on-yellow-background-with-copy-space.-Flat-lay, -top-view-5-hex {
    color: #D9A404;
}


a, a:hover, a:visited, a:active {
    color: #000;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
    color: #00450c;
}

a.btn {
    color: #fff;
}

body {
    position: relative;
    font-family: Roboto, "Arial", sans-serif;
    //background: #fff url("/public/images/bg.png") top center repeat-x;
    color: #333;
}

.image-bg {
    background: url("../images/main-image/stock-d2-png.webp?v=1") center center no-repeat;
    background-size: cover;
    margin-bottom: 30px;
    min-height: 800px;
    content-visibility: auto;
    contain-intrinsic-size: 800px;
}
html.no-webp .image-bg {
    background: url("/public/images/main-image/stock-d2-png.png?v=1") center center no-repeat;
    background-size: cover;
}

.audio-main.image-bg {
    background: url("/public/images/main-image/image-bg-audio.png") center center no-repeat;
    background-size: cover;
}

.love_is-main.image-bg {
    background: url("/public/images/main-image/image-bg-love_is.png") center center no-repeat;
    background-size: cover;
}
.image-bg.image-bg-valentine {
    background: url("/public/images/main-image/image-bg-valentine.png") center center no-repeat;
    background-size: cover;
}


/*
.image-bg.image-stock {
    background: url("/public/images/image-bg-0.png") center center no-repeat;
    background-size: cover;
}
.image-bg.image-stock-dark {
    background: url("/public/images/image-bg-dark.png") center center no-repeat;
    background-size: cover;
}
.image-bg.image-photo-litv-1 {
    background: url("/public/images/image-bg-2020-09.png?v=2") center center no-repeat;
    background-size: cover;
}
*/
.btn-xl {
    padding: 1rem 2rem;
    font-size: 1.7rem;
    line-height: 2;
    border-radius: .6rem;
}

.btn-buy {
    background-color: #ffd805;
    border-color: #ffd805;
    color: #000 !important;
}

.btn-buy:hover {
    background-color: #F2CB05;
    border-color: #F2CB05;
}

header {

}

.navbar-nav {
    width: 100%;
}

.nav-item {
    margin-left: 45px;
}

.navbar-brand {
    font-family: Roboto, "Arial", sans-serif;
    font-size: 36px;
    color: #aaa !important;
    font-weight: 900;
    opacity: 0.5;
    padding-left: 7%;
}
.navbar-brand2 {
    margin: 5px 0 ;
    text-indent: -9999px;
    background: url("/public/images/logo.png?t") top left no-repeat;
    background-size: contain;
    opacity: 0.9;
}


.header-text {
    padding: 80px 50% 0 7%;
    min-width: 500px;
}

header .big {
    font-size: 22px;
    margin-bottom: 35px;
}

header .very-big {
    margin-bottom: 35px;
    font-weight: 300;
}

.header-list {
    line-height: 2;
}

.header-list i {
    margin-right: 5px;
    opacity: 0.8;
}

.header-button {
    margin-top: 35px;
}


.h3.title {
    font-size: 40px;
    font-weight: 300;
    margin: 35px 0;
}

.what-is-map .text {
    font-size: 20px;
    font-weight: 300;
    margin-bottom: 35px;
}

.what-is-map-image {
    background: url(/public/upload/products/orion_black/orion-22.jpg) center center no-repeat;
    background-size: contain;
}

.icon-block {
    margin: 30px 0;
}

.icon-block .font-weight-bold {
    font-size: 18px;
}

.icon {
    background: url(../images/icon-satellite.png) center center no-repeat;
    background-size: contain;
    width: 60px;
    height: 60px;
    margin: 10px auto;
}

.icon-satellite {
    background-image: url(../images/icon-satellite.png);
}

.icon-box {
    background-image: url(../images/icon-box.png);
}

.icon-delivery {
    background-image: url(../images/icon-delivery.png);
}

.icon-personality {
    background-image: url(../images/icon-personality.png);
}

.icon-quality {
    background-image: url(../images/icon-quality.png);
}

.icon-picture {
    background-image: url(../images/icon-picture.png);
}

.icon-canvas {
    background-image: url(../images/icon-canvas.png);
}

.icon-jpeg {
    background-image: url(../images/icon-jpeg.png);
}


.block2 {
    margin: 50px 0 0 0;
    padding: 15px 0 50px 0;
    background-color: #ffd805;
}

.block2-audio {
    margin-top: 0;
    background-color: #ffffff !important;
}

.we-also-do {
    margin-top: 0;
}
.examples {
    padding: 15px 0 50px 0;
    background-color: #f2f2f2;
}

.our-works .item {
    width: 50%;
    box-sizing: border-box;
    border: 2px solid #f2f2f2;
    max-width: 277px;
    margin: 0;
    transition: border 0.3s;
}

.our-works .item:hover {
    border-color: rgba(255, 216, 5, 0.5);
    transition: border 0.3s;
}


.free-maket {
    margin-bottom: 50px;
    padding-top: 50px;
}

.free-maket ul {
    list-style: none;
}


.block2 .text {
    margin-bottom: 50px;
    font-size: 20px;
    font-weight: 300;
}

.block2 .icon {
    min-width: 60px;
    min-height: 60px;
    margin-right: 15px;
    opacity: 0.9;
}

.block2-item {
    padding: 0 10px;
}

.block2 .item-text b {
    display: block;
    margin-bottom: 7px;
    font-size: 18px;
}


.product {
    text-align: center;
    margin-bottom: 35px;
}

.product:hover {
    cursor: pointer;
}

.product .title {
    font-size: 18px;
    font-weight: 300;
    /*
    margin-top: 10px;
    */
    margin-top: 0;
}

.product .title b {
    font-size: 22px;
}

.product .price {
    font-size: 18px;
    margin-top: 2px;
    font-weight: 300;
}

.product .btn {
    margin-top: 10px;
}

.product .image {
/*
    padding: 0 15px;
*/
    padding: 0;
}


.reviews {
    margin: 50px 0 100px 0;
}

.reviews-slider {
    padding: 0 50px;
    list-style: none;
    margin: 0;
    display: none;
}

.reviews-slider li {
    padding: 0 15px;
}

.reviews-slider li img {
    max-width: 100%;
}


.our-works > div {
    margin-bottom: 30px;
}

main > section {
    content-visibility: auto;
}
section.button {
    margin: 70px 0;
}

section.faq {
    margin-bottom: 70px;
}

.faq .accordion {
    max-width: 850px;
    margin: 0 auto;
}

.faq .card-header {
    font-size: 20px;
    font-weight: 300;
    padding: 20px;
}

.faq .card-header:hover {
    cursor: pointer;
    background: #fff;
}

.faq .card-header i {
    opacity: 0.2;
    transition: opacity 0.5s;
}

.faq .card-header[aria-expanded="true"] i {
    opacity: 1;
    transition: opacity 0.5s;
}


.faq .card-body {
    padding: 20px;
}


.contacts {
    padding-bottom: 20px;
    background: #f2f2f2;
}

.contacts-header {
    background: #ffd805;
    margin-bottom: 100px;

}

.contacts-header .block {
    max-width: 400px;
    background: #fff;
    border-radius: 20px;
    padding: 30px;
    text-align: center;
    margin: 0 auto;
    position: relative;
    top: 50px;
    font-size: 24px;
    font-weight: 300;
    box-shadow: 0 4px 9px 0 rgba(0, 0, 0, 0.05);
}

.contacts-header .big {
    font-size: 36px;
    font-weight: 300;
    margin-bottom: 10px;
}

.contacts-header .icon-contact {
    font-size: 100px;
    font-weight: 300;
    color: #555;
}

.contact-btn {
    max-width: 650px;
    margin: 0 auto;
}

.contact-btn .btn {
    margin: 0 10px 30px 10px;
    width: 100%;
    line-height: 52px;
    font-size: 22px;
    font-weight: 300;
    padding: 0;
    transition: all 0.3s;
}

.contact-btn .btn:hover {
    transition: all 0.3s;
}

.contact-btn .btn a {
    color: #fff;
    display: block;
}

.contact-btn .btn i {
    margin-right: 5px;
}


.btn.telegram {
    background: #0088cc;
    box-shadow: 0 4px 9px 0 rgba(0, 136, 204, 0.5);
}

.btn.telegram:hover {
    background: #22a5da;
    box-shadow: none;
}


.btn.viber {
    background: #8e4eae;
    box-shadow: 0 4px 9px 0 rgba(142, 78, 174, 0.5);
}

.btn.viber:hover {
    background: #8f5db7;
    box-shadow: none;
}


.btn.whatsapp {
    background: #25D366;
    box-shadow: 0 4px 9px 0 rgba(37, 211, 102, 0.5);
}

.btn.whatsapp:hover {
    background: #25e66b;
    box-shadow: none;
}


.btn.facebook {
    background: #0078FF;
    box-shadow: 0 4px 9px 0 rgba(0, 120, 255, 0.5);
}

.btn.facebook:hover {
    background: #279bff;
    box-shadow: none;
}


.btn.instagram {
    background: #c62668;
    box-shadow: 0 4px 9px 0 rgba(198, 38, 104, 0.5);
}

.btn.instagram:hover {
    background: #d72975;
    box-shadow: none;
}

.btn.phone {
    background: #bbb;
    box-shadow: 0 4px 9px 0 rgba(153, 153, 153, 0.5);
}

.btn.phone:hover {
    background: #ccc;
    box-shadow: none;
}


.extra_data {
    display: inline-block;
    padding-bottom: 15px;
    text-decoration: underline;
}

.js-show-text-for-map u {
    text-decoration: underline;
}
.js-show-text-for-map u:hover {
    text-decoration: none;
}

footer {
    padding: 50px 0;
    background-color: #ccc;
    font-size: 12px;
}


.overlay {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9;
    background: #fff;
}

.form {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255);
    z-index: 10;
    overflow: auto;
    padding-bottom: 30px;
}

.form .order-close.small {
    position: absolute;
    top: 0;
    right: 0;
    width: 60px;
    height: 60px;
    text-align: center;
    font-size: 40px;
    line-height: 60px;
    background: rgba(50, 50, 50, 0.1);
    color: #aaa;
    font-weight: 900;
    display: inline-block;
    z-index: 11;
}

.form .cancel {
    opacity: 0.4;
}

.form .fixed-line a {
    display: block;
    height: 60px;
    line-height: 60px;
    font-size: 28px;
    font-weight: 500;
    opacity: 0.2;
}

.form .input-group-text {
    min-width: 97px;
}


.order-step, .order-step .set {
    margin: 15px 0;
}

.order-step .step-title {
    font-size: 20px;
    margin-bottom: 5px;
    font-weight: 400;
}

.order-step label {
    display: block;
    cursor: pointer;
}

.order-step .step-field {
    padding-left: 25px;
}

.has-time {
    margin-left: 10px;
}

.time-table {
    margin-right: 20px;
}

.time-table:last-child {
    margin-right: 0;
}


#order .product-image {
    margin: 10px 0 10px 0;
}

#order .product-title {
    text-align: center;
    font-size: 42px;
    line-height: 50px;
    font-weight: 300;
}

#order .product-price {
    text-align: center;
    font-size: 42px;
    margin-top: 20px;
    font-weight: 900;
    color: #D9A404;

}

#order .order-form-title {
    font-size: 36px;
    font-weight: 300;
}

.order-step-1 .custom-radio, .order-step-2 .custom-radio {
    padding-top: 5px;
    padding-bottom: 5px;
}


#contact.error {
    border-color: red;
}

.lang-link {
    width: 36px;
    height: 25px;
    display: inline-block;
    text-indent: -9999px;
    background: url("../images/ru.svg") center center no-repeat;
    background-size: cover;
    margin: 0 5px;
    position: relative;
    top: 8px;
    border: 3px solid rgba(255, 255, 255, 0.5);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.lang-link.active {
    border-color: #D9A404;
}

.lang-link.ua {
    background-image: url("../images/ua.svg");
}

.lang-selector {
    float: right;
}

.navbar-light .navbar-toggler {
    border: 0px;
}
.navbar-collapse.show {
    padding-bottom: 20px;
}

.top-size {
    font-size: 18px;
}

b.top {
    background: #ff0000;
    color: #fff;
    display: inline-block;
    padding: 3px 6px 1px;
    border-radius: 4px;
    font-size: 11px;
    text-transform: uppercase;
    position: relative;
    top: -4px;
    left: 5px;
}

.carousel-indicators li {
    background-color: #999;
}

.another_types {
    margin: 60px 0 30px 0;
}

.has-time .custom-control-label::before, .has-time .custom-control-label::after {
    width: 1.5rem;
    height: 1.5rem;
}

.has-time label {
    text-indent: .5rem;
}

.extra_data_lang {
    display: none;
    padding-left: 50px;
}

.extra_data_container {
    display: none;
}


.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23b5b5b5' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e");
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23b5b5b5' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e");
}

.carousel-indicators {
    bottom: -40px;
}

.product-image {
    position: relative;
}
.product-image .carousel > ul:not(.lightSlider) {
    list-style: none;
    margin: 0;
    padding: 0;
}

.product-image .carousel > ul:not(.lightSlider) > li {
    display: none;
}

.product-image .carousel > ul:not(.lightSlider) > li:first-child {
    display: block;
}

.lslide {
    text-align: center;
}

.new-badge {
    width:48px;
    height:48px; 
    background: url(/public/images/new-badge.png) center center no-repeat;
    background-size: contain;
    position:absolute; 
    top:10px; 
    right:20px;
}
.badge2 {
    width:64px;
    height:64px; 
    background: url(/public/images/badge-new.png) center center no-repeat;
    background-size: contain;
    position:absolute; 
    top:-10px; 
    right:0px;
}
.badge2.minus-10 {
    background-image: url(/public/images/badge-10.png);
}
.badge2.minus-15 {
    background-image: url(/public/images/badge-15.png);
}
.badge2.minus-20 {
    background-image: url(/public/images/badge-20.png);
}
.badge2.minus-25 {
    background-image: url(/public/images/badge-25.png);
}
.badge2.minus-30 {
    background-image: url(/public/images/badge-30.png);
}
.badge2.minus-40 {
    background-image: url(/public/images/badge-40.png);
}
.badge2.minus-50 {
    background-image: url(/public/images/badge-50.png);
}
.badge2.minus-55 {
    background-image: url(/public/images/badge-55.png);
}

.dicount-badge {
    width:151px;
    height:64px; 
    background: url(/public/images/dicount-50-ua.png) center center no-repeat;
    background-size: cover !important;
    position:absolute; 
    top:10px; 
    right:0;
}
.dicount-badge.minus-50.ua {
    background: url(/public/images/dicount-50-ua.png) center center no-repeat;
}
.dicount-badge.minus-30.ua {
    background: url(/public/images/dicount-30-ua.png) center center no-repeat;
}
.dicount-badge.minus-50.ru {
    background: url(/public/images/dicount-50-ru.png) center center no-repeat;
}
.dicount-badge.minus-30.ru {
    background: url(/public/images/dicount-30-ru.png) center center no-repeat;
}
.dicount-badge.minus-25.ua {
    background: url(/public/images/dicount-25-ua.png) center center no-repeat;
}
.dicount-badge.minus-25.ru {
    background: url(/public/images/dicount-25-ru.png) center center no-repeat;
}


.detailed_block p {
    margin-bottom: 0.5rem;
}


.wework {
    //padding-bottom: 5px;
    //background: #fff;
}
.wework div {
    width: 33.33%;
    display: inline-flex;
    line-height: 30px;
    vertical-align: top;
    justify-content: center;
    align-content: space-between;
}
.wework .f {
    border-top: 15px solid #015bbb;
    border-bottom: 15px solid #fed52f;
    
}
.wework .t {
    background: #eee;
    text-align: center;
    font-weight: bolder;
    text-transform: uppercase;
    font-size: 12px;
    min-width: 33.33%;
}


@media (max-width: 1200px) {
    body {
        background-position: 80% 0;
    }

    .image-bg {
        min-height: auto;
        margin-bottom: 100px;
    }
    .badge2, .new-badge {
        top:5px; 
        right:10px;
    }
}

@media (max-width: 992px) {
    body {
        background-position: 50% 0;
    }

    .header-text {
        min-width: auto;
        padding-left: 0;
        padding-right: 25%;
        padding-bottom: 5vh;
        max-width: 550px;
    }

    .form .input-group-text {
        min-width: auto;
    }

    .product .image {
        padding: 0;
    }
    .dicount-badge {
        width:113px;
        height:48px; 
        top:0; 

        right:0;
    }
}


@media (max-width: 767.9px) {
    body {
        background: #fff;
    }

    header {
        min-height: auto;
    }

    .navbar {
        padding-top: 0;
    }

    .header-text {
        padding-top: 0;
        padding-right: 0;
    }

    .h3.title {
        font-size: 34px;
    }

    header .big {
        font-size: 18px;
        text-align: center;
        margin-bottom: 15px;
    }

    header .very-big {
        font-size: 26px;
        margin-bottom: 20px;
    }

    .header-button {
        text-align: center;
    }

    .reviews-slider {
        padding: 0;
    }

    .contacts-header .icon-contact {
        font-size: 60px;
    }

    .contacts-header .block {
        max-width: 90%;
        font-size: 20px;
    }

    .contacts-header .big {
        font-size: 28px;
    }

    .image-bg {
        background: #f2f2f2 !important;
        margin-bottom: 0;
    }

    .image-mobile {
        background: url("../images/main-image/stock-m2-png.webp") center center no-repeat;
        background-size: contain;
        width: 100%;
        height: 60vw;
        max-height: 400px;
        margin-bottom: 15px;
    }

    html.no-webp .image-mobile {
        background: url("../images/main-image/stock-m2-png.png") center center no-repeat;
        background-size: contain;
    }

    .audio-main .image-mobile {
        background: url("../images/main-image/image-bg-mobile-audio.png") center center no-repeat;
        background-size: contain;
    }
    .love_is-main .image-mobile {
        background: url("../images/main-image/image-bg-mobile-love_is.png") center center no-repeat;
        background-size: contain;
    }
    .image-bg-valentine .image-mobile {
        background: url("../images/main-image/image-bg-mobile-valentine.png") center center no-repeat;
        background-size: contain;
    }

    /*
    .image-mobile.image-stock {
        background: url("../images/image-bg-mobile-1.png") center center no-repeat;
        background-size: contain;
    }
    .image-mobile.image-stock-dark {
        background: url("../images/image-bg-mobile-dark.png") center center no-repeat;
        background-size: contain;
    }

    .image-mobile.image-photo-litv-1 {
        background: url("../images/image-bg-mobile-2020-09.png?v=2") center center no-repeat;
        background-size: contain;
    }*/

    .contact-btn .btn {
        margin-right: 0;
        margin-left: 0;
        font-size: 18px;
    }

    .block2 .text {
        margin-bottom: 30px;
    }

    .block2-item {
        margin: 15px 0;
    }

    #order .product-title {
        font-size: 32px;
        line-height: 40px;
    }

    .form .order-close.small {
        display: none;
    }

    .form .fixed-line {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        height: 60px;
        z-index: 11;
        padding: 0 10px;
        background: rgba(255, 255, 255, 0.97);
        box-shadow: 0 4px 9px 0 rgba(0, 0, 0, 0.15);
    }

    .form .fixed-line a {
        font-size: 22px;
        opacity: 0.4;
    }

    .navbar-brand {
        text-align: center;
        padding-left: 0;
    }
    .navbar-brand2 {
        max-height: 45px;
        margin: 10px 0;
    }

    .icon-block {
        text-align: left;
    }

    .icon-block:nth-child(odd) {
        margin-top: 0;
    }

    .icon-block .font-weight-bold {
        text-align: left;
        padding-left: 80px;
    }

    .icon {
        margin: 0 20px 40px 0;
        float: left;
    }


    .free-maket ul {
        list-style: disc;
    }


    .block2-audio {
        margin-top: 0;
        background-color: #ffd805 !important;
    }

    .we-also-do {
        margin-top: 0;
        background-color: #fff;
    }
}

@media (max-width: 450px) {

    .badge2, .new-badge {
        width:40px;
        height:40px; 
        top:-5px; 
    }

    .dicount-badge {
        width:88px;
        height:37px; 
        top:2px;
        right:0;
    }

}

@media (max-width: 350px) {
    .step-time .d-flex {
        flex-wrap: wrap;
    }

    .time-table {
        width: 100%;
        margin: 0 0 10px 0;
    }

    .form .fixed-line a {
        font-size: 18px;
    }

    .navbar-brand {
        padding-left: 10px;
    }

    .navbar-brand i {
        display: none;
    }



}

.carousel-item {
    text-align: center;
}