a { transition: all .3s; outline: none; }
.content-wrapper, .page-title { background: #f6f7f8; }
.bg-white { background: #fff; }
.main-column { display: flex; justify-content: flex-start; flex-wrap: wrap; width: calc(100% + 20px); margin-left: -20px; margin-right: 20px; }
.main-column .one-news { width: calc(50% - 40px); margin: 0 20px 40px; border-bottom: none; background: #fff; padding-bottom: 0; }
.main-column.love-stories .one-news { width: calc((100% / 3) - 40px); margin: 0 20px 40px; border-bottom: none; background: #fff; padding-bottom: 0; }
.one-news.bottom-line a.link-img, .one-news.bottom-line .yt-iframe { display: block; width: 100%; height: 260px; }
.one-news.bottom-line img { display: block; max-width: 100%; max-height: 100%; object-fit: cover; object-position: top; margin: 0 auto; }
.main-column .one-news .content-news { padding: 20px; }
.main-column .one-news .content-news h2 a { color: #000; font-size: 30px; }
.main-column .one-news .content-news h2 a:hover { color: #df1b5b; }
.main-column .one-news .content-news .top-line { flex-direction: row; align-items: center; }
.main-column .one-news .content-news .top-line .date { color: #5e5e5e; font-size: 14px; }
.main-column .one-news .content-news .read-more { color: #df1b5b; font-size: 15px; border: 1px solid #df1b5b; padding: 15px 30px;
    display: block; margin-top: 30px; width: 150px; text-align: center; }
.main-column .one-news .content-news .read-more:hover { color: #fff; background: #df1b5b; }
.main-column .one-news .content-news .lead { height: 200px; }
.main-column .pages { padding: 40px 80px 60px; color: #df1b5b; width: 100%; }
.main-column .pages a { color: #000; margin-right: 10px; }
.main-column .pages span { margin-right: 10px; }
.main-column .pages a:hover { color: #df1b5b; }
.main-column .pages a.next { color: #df1b5b; margin-left: 20px; }
.main-column .pages a.prev { color: #df1b5b; margin-right: 20px; }
.main-column .reg-log-btns { justify-content: center; width: 100%; margin: 30px 0; }
.main-column .reg-log-btns a { font-size: 15px; border: 1px solid #df1b5b; padding: 15px 30px; display: block; margin: 0 10px;
    width: 150px; text-align: center; text-transform: uppercase; }
.main-column .reg-log-btns a.reg { color: #fff; background: #df1b5b; }
.main-column .reg-log-btns a.reg:hover { color: #df1b5b; background: #fff; }
.main-column .reg-log-btns a.log { color: #df1b5b; }
.main-column .reg-log-btns a.log:hover { color: #fff; background: #df1b5b; }

.right-column { float: none; clear: both; width: 30%; }
.right-column h2 { margin: 0 0 30px; line-height: 30px; font-size: 30px; display: block; font-weight: bold; }
.right-column .cat-menu { margin-bottom: 50px; }
.right-column .cat-menu ul li { color: #df1b5b; border-bottom: 2px dashed #c6c6c7; padding-left: 40px; position: relative; }
.right-column .cat-menu ul li::before { content: ""; height: 8px; width: 8px; border-radius: 50%; background: #df1b5b;
    position: absolute; top: calc(50% - 4px); left: 20px; }
.right-column .cat-menu ul li a { display: block; font-size: 18px; line-height: 18px; padding: 15px 0; color: #000; }
.right-column .cat-menu ul li a:hover { color: #df1b5b; }
.right-column .tags { margin: 50px 0; }
.right-column .tags ul { flex-wrap: wrap; justify-content: flex-start; margin-bottom: 30px; }
.right-column .tags ul li a { font-size: 14px; color: #fff; background: #aeaeae; display: block; padding: 5px 10px; border-radius: 5px;
    border: 1px solid #df1b5b; margin: 2px; }
.right-column .tags li a:hover { background: #df1b5b; }
.right-column .tags .more { display: block; color: #000; }
.right-column .tags .more:hover { color: #555; }

.about-us { background: #ebebeb; padding: 50px; text-align: center; margin: 40px 0; }
.about-us h2 { margin: 0 0 20px; padding: 0; color: #df1b5b; }

.package { margin: 40px 0; padding-top: 40px; }
.package h2 { margin: 0 0 30px; padding: 0; text-align: center; }
.package .table .p-column { width: 32%; flex-direction: column; align-items: center; }
.package .table .p-column .p-head { border: 1px solid #aeaeae; background: #aeaeae; color: #fff; text-align: center; font-size: 24px;
    padding: 20px; line-height: 25px; width: 100%; }
.package .table .p-column .p-head.premium { flex-direction: row; align-items: center; justify-content: center; color: #df1b5b; }
.package .table .p-column .p-head.premium img { height: 22px; margin-right: 10px; }
.package .table .p-column .p-row { border: 1px solid #aeaeae; border-top: none; background: #fff; padding: 20px 30px 20px 50px;
    width: 100%; position: relative; }
.package .table .p-column .p-row span { position: relative; }
.package .table .p-column .p-row span:before { position: absolute; top: 4px; left: -20px; width: 10px; height: 10px; border-radius: 50%;
    background: #24861A; content: ''; }
.package .table .p-column .p-row .r-empty { height: 3px; width: 100px; background: #df1b5b; margin: 40px auto 0; }
.package .table .p-column .button { border-radius: 0; box-shadow: none; transition: all .3s; }
.package .no-bg-btn { box-shadow: none; border-radius: 0; background: none; border: 1px solid #df1b5b; color: #df1b5b; margin: 60px auto 0;
    display: block; width: 420px; text-align: center; }
.package .no-bg-btn:hover { background: #df1b5b; color: #fff; }
.package .table .p-column .p-row.p-1 { height: 90px; }
.package .table .p-column .p-row.p-2 { height: 200px; }
.package .table .p-column .p-row.p-3 { height: 150px; }
.package .table .p-column .p-row.p-4 { height: 210px; }
.package .table .p-column .p-row.p-5 { height: 210px; }
.package .table .p-column .p-row.p-6 { height: 150px; }

.works { margin: 40px 0; padding-top: 40px; }
.works h2 { margin: 0 0 30px; padding: 0; text-align: center; }
.works .work { width: calc(100% / 5); flex-direction: column; justify-content: flex-start; align-items: center; margin: 0 20px; }
.works .work .w-ico { width: 110px; height: 110px; border-radius: 50%; background: #df1b5b; display: flex; justify-content: center;
    flex-direction: column; align-items: center; margin-bottom: 30px; }
.works .work .w-ico img { height: 50px; }
.works .work span { text-align: center; }

.experience { margin: 40px 0; background: #fff; padding: 40px 0; }
.experience .flex { flex-wrap: wrap; }
.experience h2 { text-align: center; margin: 0; padding: 0; width: 100%; }
.experience .w-100 { width: 100%; }
.experience .w-45 { width: 45%; }

.success-stories { margin: 40px 0; }
.success-stories > h2 { margin: 0 0 30px; padding: 0; }

.faq-block { background: #fff; }
.faq-block h2 { margin: 0 0 30px; padding: 0; text-align: center; }
.faq-block .faq-block__item { padding: 30px 200px 30px 100px; border: 1px solid #d4d4d4; margin-bottom: 20px; }
.faq-block .faq-block__item .faq-block__question { width: 50%; font-size: 20px; margin: 0 0 25px; padding: 0; position: relative; }
.faq-block .faq-block__item .faq-block__question:before { position: absolute; top: 5px; left: -20px; width: 10px; height: 10px; border-radius: 50%;
    background: #df1b5b; content: ''; }

.categories h2 { margin: 0 0 30px; padding: 0; }
.categories ul { justify-content: flex-start; flex-wrap: wrap; margin: 0 -10px; padding: 0; list-style-type: none; }
.categories ul li { list-style-type: none!important; width: calc((100% / 5) - 20px); background: #fff; border: 2px solid #ff145c;
    margin: 10px; }
.categories ul li a { display: block; padding: 30px; height: 100%; }
.categories ul li img { width: 100%; height: 180px; object-fit: contain; object-position: center; margin-bottom: 10px; }
.categories ul li .title { color: rgba(0, 0, 0, 0.87); font-size: 18px; text-align: center; line-height: 24px; }

.cat-items { margin-top: 40px; }
.cat-items .items { padding: 40px 0; }
.cat-items .items h2 { margin: 0 0 30px; padding: 0; }
.cat-items .items ul { justify-content: flex-start; flex-wrap: wrap; margin: 0 -10px; padding: 0; }
.cat-items .items ul li { list-style: none; width: calc((100% / 5) - 20px); background: #fff; margin: 10px; padding: 30px;
    display: flex; flex-direction: column; align-items: center; }
.cat-items .items ul li .link-logo { width: 100%; height: 180px; margin-bottom: 10px; }
.cat-items .items ul li .link-logo img { width: 100%; height: 100%; object-fit: contain; object-position: center; }
.cat-items .items ul li .info { flex-direction: column; align-items: center; height: calc(100% - 190px); justify-content: flex-end; width: 100%; }
.cat-items .items ul li .info .title { color: rgba(0, 0, 0, 0.87); font-size: 18px; text-align: center; line-height: 24px; margin-bottom: 30px; }
.cat-items .items ul li .info .price { color: #df1b5b; font-size: 20px; margin-bottom: 30px; }
.cat-items .items ul li .info .price_1 { color: #888; font-size: 14px; margin-bottom: 5px; text-decoration: line-through; }
.cat-items .items ul li .info .buy { display: block; background: #df1b5b; color: #fff; text-transform: uppercase; width: 100%;
    line-height: 50px; text-align: center; }
.cat-items .items ul li .info .buy:hover { background: #ef2c6c; }

.item-container { width: 100%; display: grid; grid-template-columns: repeat(2, 50%); }
.item-container .item-img { width: 100%; height: 340px; grid-column-start: 1; grid-column-end: 2; grid-row-start: 1; grid-row-end: 2; }
.item-container .item-img img { width: 100%; height: 100%; object-fit: contain; object-position: center; }
.item-container .info { margin-top: 40px; font-size: 16px; grid-column-start: 1; grid-column-end: 2; grid-row-start: 2; grid-row-end: 3; }
.item-container .top { flex-direction: column; justify-content: flex-start; align-items: flex-start; grid-column-start: 2;
  grid-column-end: 3; grid-row-start: 1; grid-row-end: 2; padding-left: 60px; }
.item-container .top h1 { padding: 0; margin: 0 0 30px; font-size: 30px; line-height: 30px; color: rgba(0, 0, 0, 0.87); }
.item-container .top .price { margin: 0 0 30px; font-size: 30px; line-height: 30px; color: #df1b5b; }
.item-container .top .price_1 { color: #888; font-size: 16px; margin-bottom: 5px; text-decoration: line-through; }
.item-container .top .season { margin: 0 0 30px; font-size: 16px; line-height: 16px; color: #a6a6a6;
    text-transform: uppercase; }
.item-container .top .cart { display: block; background: #df1b5b; color: #fff; text-transform: uppercase;
    line-height: 50px; text-align: center; padding: 0 50px; }
.item-container .top .cart:hover { background: #ef2c6c; }
.item-container .combined { width: 100%; grid-column-start: 2; grid-column-end: 3; grid-row-start: 2;
  grid-row-end: 3; padding-left: 60px; }
.item-container .combined h2 { padding: 0; margin: 0 0 30px; font-size: 24px; line-height: 24px; }
.item-container .combined ul { width: 100%; margin: 0; height: 190px; list-style: none; }
.item-container .combined ul li { width: calc(100% / 3); counter-increment: carousel-cell; height: 100%; padding: 0 5px; list-style: none; }
.item-container .combined ul li p { padding: 0; margin: 0; font-size: 16px; line-height: 16px; color: #111; text-align: center; }
.item-container .combined ul li .photo { max-height: 120px; width: 100%; object-fit: cover; object-position: left center;
  margin-bottom: 5px; }
.item-container .combined ul li a:before { position: absolute; top: 0; left: 0; opacity: 0; padding: 0; margin: 0;
  transition: all .3s; content: url("../images/ico/ico-ok.png"); }
.item-container .combined ul li a:hover:before { opacity: 1; }
.item-container .combined ul li a { display: block; position: relative; }
.item-container .combined ul li a .photo { border: 1px solid #fff!important; transition: all .3s; }
.item-container .combined ul li a:hover .photo { border: 1px solid #000!important; }
.item-container .combined .flickity-prev-next-button.previous,
.item-container .combined .flickity-prev-next-button.next { position: absolute; top: 60px!important; background: none!important; border: none; }
.item-container .combined .flickity-prev-next-button.previous { left: 10px; }
.item-container .combined .flickity-prev-next-button.next { right: 10px; }

.works.white > .flex { flex-wrap: wrap; justify-content: flex-start; }
.works.white h2 { text-align: left; }
.works.white .work { width: calc((100% / 6) - 30px); margin: 0 15px 40px; }
.works.white .work .w-ico { width: 95px; height: 95px; background: #fff; margin-bottom: 15px; border: 2px solid #a6a6a6; }
.works.white .work .w-ico img { max-height: 50px; max-width: 50px; height: auto; }
.works .work .pink-text { color: #df1b5b; text-transform: uppercase; }

.included h2 { padding: 0; margin: 0 0 50px; font-size: 30px; line-height: 30px; }
.included h3 { padding: 0; margin: 0 0 30px; font-size: 25px; line-height: 25px; }
.included ul { padding: 0; margin: 0; }
.included ul li { padding: 0 0 0 10px; margin: 0 0 15px 20px; list-style-image: url("../images/ico/li-ico.png")!important;
    font-size: 16px; line-height: 16px; }

.cat-items .items.like .carousel-cell { width: calc((100% / 4) - 20px); border: 2px solid #a6a6a6;
    counter-increment: carousel-cell; }
.cat-items .items.like ul { margin: 0; }
.cat-items .items.like ul li .info { height: 160px; }
.cat-items .carousel { height: 432px; }
.cat-items .carousel .flickity-prev-next-button.previous,
.cat-items .carousel .flickity-prev-next-button.next { position: absolute; top: 220px!important; background: none!important; border: none; }
.cat-items .carousel .flickity-prev-next-button.previous { left: 10px; }
.cat-items .carousel .flickity-prev-next-button.next { right: 10px; }

.help { margin: 40px 0; padding-top: 40px; }
.help h2 { padding: 0; margin: 0 0 40px; font-size: 30px; line-height: 30px; }
.help ul { padding: 0; margin: 0; flex-direction: row; align-items: center; list-style: none!important; }
.help ul li { padding: 0; margin: 0; list-style: none!important; }
.help ul li h3 { padding: 0; margin: 0 0 30px; font-size: 25px; line-height: 25px; color: #2f2f2f; }
.help ul li a { font-size: 20px; line-height: 20px; color: #2f2f2f; display: block; }
.help ul li a:hover { text-decoration: underline; }
.help ul li img { width: 43px; margin: 0 13px; }

.pop-up .items-all { border-bottom: 1px solid #a6a6a6; }
.pop-up .items-all li { margin-bottom: 30px; position: relative; display: grid; grid-template-columns: 200px 1fr; }
.pop-up .items-all li .close { position: absolute; top: 20px; right: -75px; width: 15px; height: 15px; display: block; }
.pop-up .items-all li .close img { width: 100%; height: 100%; display: block; }
.pop-up .items-all li img { width: 170px; height: 170px; object-fit: cover; object-position: center; margin-right: 30px;
  grid-column-start: 1; grid-column-end: 2; grid-row-start: 1; grid-row-end: 3; }
.pop-up .items-all li .top { grid-column-start: 2; grid-column-end: 3; grid-row-start: 1; grid-row-end: 2; }
.pop-up .items-all li .top h2 { margin: 20px 0; padding: 0; font-size: 16px; line-height: 16px; color: #000; }
.pop-up .items-all li .top h2 a { font-size: 16px; line-height: 16px; color: #000; display: block; }
.pop-up .items-all li .top h3 { margin: 0 0 20px; padding: 0; font-size: 16px; line-height: 16px; color: rgba(0,0,0,.5); }
.pop-up .items-all li .bottom { flex-direction: row; align-items: center; grid-column-start: 2; grid-column-end: 3;
  grid-row-start: 2; grid-row-end: 3; }
.pop-up .items-all li .bottom .price { font-size: 16px; line-height: 16px; color: #000; }
.pop-up .items-all li .bottom input[type="text"] { width: calc(60px - 40px); margin: 0; text-align: center; }
.pop-up input[type="submit"] { display: block; background: #df1b5b; color: #fff; text-transform: uppercase;
    line-height: 50px; text-align: center; padding: 0 50px; border: 0; box-shadow: none; border-radius: 0; cursor: pointer;
    transition: all .3s; margin-top: 30px; margin-left: auto; }
.pop-up input[type="submit"]:hover { background: #ef2c6c; }

@media screen and (max-width: 1200px) {
    .package .table .p-column .p-row.p-1 { height: 100px; }
    .package .table .p-column .p-row.p-2 { height: 230px; }
    .package .table .p-column .p-row.p-3 { height: 150px; }
    .package .table .p-column .p-row.p-4 { height: 250px; }
    .package .table .p-column .p-row.p-5 { height: 260px; }
    .package .table .p-column .p-row.p-6 { height: 150px; }
    .categories ul li a, .cat-items .items ul li { padding: 20px; }
    .works.white .work { width: calc((100% / 5) - 30px); }
    .cat-items .items.like .carousel-cell { width: calc((100% / 3) - 20px); }
}
@media screen and (max-width: 992px) {
    .column-container { flex-direction: column; }
    .main-column { width: calc(100% + 40px); margin-left: -20px; margin-right: 0; }
    .main-column .pages { padding: 10px 0 60px 20px; }
    .right-column { width: 100%; display: block!important; }
    .right-column .popular { display: flex; justify-content: flex-start; flex-wrap: wrap; }
    .right-column .popular h2 { width: 100%; }
    .main-column.love-stories .one-news { width: calc((100% / 2) - 40px); }
    .package .table .p-column .p-row.p-1 { height: 120px; }
    .package .table .p-column .p-row.p-2 { height: 330px; }
    .package .table .p-column .p-row.p-3 { height: 220px; }
    .package .table .p-column .p-row.p-4 { height: 330px; }
    .package .table .p-column .p-row.p-5 { height: 330px; }
    .package .table .p-column .p-row.p-6 { height: 220px; }
    .experience .column-container  { flex-direction: row; }
    .faq-block .faq-block__item .faq-block__question { width: 100%; }
    .faq-block .faq-block__item { padding: 30px 100px; }
    .categories ul li, .cat-items .items ul li { width: calc((100% / 4) - 20px); }
    .works.white .work { width: calc((100% / 3) - 30px); }
    .cat-items .items.like .carousel-cell { width: calc((100% / 2) - 20px); }
    .help ul { flex-direction: column; justify-content: flex-start; align-items: flex-start; }
    .help ul li { margin-bottom: 40px; }
    .help ul li:last-child { margin-bottom: 0; }
    .item-container { grid-template-columns: 60% 40%; }
    .item-container .top { padding-left: 30px; }
    .item-container .info { grid-column-end: 3; grid-row-start: 3; grid-row-end: 4; }
    .item-container .combined { grid-column-start: 1; grid-column-end: 3;padding: 0; }
}
@media screen and (max-width: 768px) {
    .main-column .one-news, .main-column.love-stories .one-news { width: 100%; margin: 0 0 40px; }
    .package .table { flex-direction: column; }
    .package .table .p-column { width: 100%; }
    .package .table .p-column .p-row.p-1, .package .table .p-column .p-row.p-2, .package .table .p-column .p-row.p-3,
    .package .table .p-column .p-row.p-4, .package .table .p-column .p-row.p-5, .package .table .p-column .p-row.p-6 { height: auto; }
    .package .table .p-column .button { margin-bottom: 30px; }
    .works > .flex { flex-direction: column; }
    .works .work { flex-direction: row; width: auto; margin-bottom: 20px; }
    .works .work span { text-align: left; width: calc(100% - 120px); }
    .works .work .w-ico { margin: 0 20px 0 0; width: 100px; height: 100px; }
    .experience .w-45 { width: 100%; }
    .faq-block .faq-block__item { padding: 30px 30px 30px 50px; }
    .categories ul li { width: calc((100% / 2) - 20px); }
    .categories ul li a { display: flex; justify-content: flex-start; flex-direction: row; align-items: center; padding: 15px; }
    .categories ul li img { width: 100px; height: 90px; margin: 0 20px 0 0; }
    .categories ul li .title { text-align: left; font-size: 16px; line-height: 20px; }
    .cat-items .items ul li { width: calc((100% / 2) - 20px); padding: 30px; }
    .cat-items .items ul li .info .buy { width: 160px; }
    .works.white > .flex { flex-direction: row; }
    .works.white .work { width: calc((100% / 2) - 30px); flex-direction: column; }
    .works.white .work .w-ico { margin: 0 0 15px 0; }
    .works.white .work span { text-align: center; width: auto; }
    .item-container .top .cart { padding: 0 40px; }
    .pop-up .items-all li .close { right: -40px; }
}
@media screen and (max-width: 640px) {
    .package .no-bg-btn { margin-top: 30px; }
    .categories ul li img { margin-right: 10px; width: 90px; }
    .item-container .item-img { grid-column-end: 3; }
    .item-container .top { grid-column-start: 1; grid-row-start: 2; grid-row-end: 3; padding: 50px 0; }
    .item-container .combined { grid-row-start: 3; grid-row-end: 4; }
    .item-container .info { grid-row-start: 4; grid-row-end: 5; }
    .item-container .top .cart { margin: 0 auto; }
    .pop-up .items-all li { grid-template-columns: 180px 1fr; }
    .pop-up .items-all li img { width: 150px; height: 150px; object-fit: contain; object-position: top center; }
    .pop-up .items-all li .close { top: 0; }
}
@media screen and (max-width: 525px) {
    .main-column .one-news .content-news .read-more { padding: 10px 20px; width: 130px; }
    .main-column .reg-log-btns { flex-direction: column; align-items: center; }
    .main-column .reg-log-btns a { margin: 10px 0; }
    .package .no-bg-btn { width: auto; padding: 10px; line-height: 16px; }
    .works .work .w-ico { width: 80px; height: 80px; }
    .works .work .w-ico img { height: 35px; }
    .about-us { padding: 50px 20px; }
    .categories ul li { width: calc(100% - 20px); }
    .cat-items .items ul li { padding: 30px 10px; }
    .cat-items .items ul li .info .buy { width: 100%; }
    .cat-items .items.like .carousel-cell { width: calc(100% - 20px); }
    .item-container .combined ul li { width: calc(100% / 2); }
    #close { top: 15px; right: 15px; width: 25px; height: 25px; }
    .pop-up .items-all { padding-right: 20px; }
    .pop-up .items-all li img { width: 100px; height: 100px; margin-right: 15px; grid-row-end: 2; }
    .pop-up .items-all li { grid-template-columns: 115px 1fr; }
    .pop-up .items-all li .top h2 { margin: 10px 0; }
    .pop-up .items-all li .bottom { grid-column-start: 1; }
}
@media screen and (max-width: 360px) {
    .cat-items .items ul li { width: calc(100% - 20px); }
    .cat-items .items ul li { padding: 30px; }
    .cat-items .items ul li .info .buy { width: 160px; }
    .pop-up .items-all li .close { right: -20px; }
    .pop-up .items-all li img { width: 80px; height: 80px; }
    .pop-up .items-all li { grid-template-columns: 95px 1fr; }
}