/* Common
-----------------------------------------------------------------------------*/
* {margin: 0;padding: 0;}
html {height: 100%;font-size: 16px;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display: block;}
body {line-height: 1.2;height: 100%;font-family: 'Source Sans Pro', sans-serif;font-weight: 300;}
a {color: #29ABE2;outline: none !important;}
p {margin: 0 0 25px;}
strong {font-weight: 700;}

/* Headers*/
h1, .h1 {word-break: break-word;text-align: center;font-weight: 100;font-size: 3rem;line-height: 1em;margin: 2rem 0;}
h2 {font-size: 2.75rem;line-height: 1.1em;margin: 0 0 20px;font-weight: 700;}
@media (max-width: 991px){
    h1, .h1 {font-size: 2.75rem;}
    h2 {font-size: 2.25rem;}
}
@media (max-width: 575px){
    h1, .h1 {font-size: 2.0rem;}
    h2 {font-size: 2.0rem;}
}


.container {max-width: 1280px;}
.grecaptcha-badge {display: none;}

.wrapper {width: 100%;padding-top: 2rem;background: url(/images/media/bg_girl.jpg) top center no-repeat;background-size: cover;background-attachment: fixed;overflow: hidden;}



/* Buttons */
.btn {
    border-radius: 1.5em;
    font-size: 1.125rem;
    padding: .8rem 2rem;
}

.btn-sm {
    font-size: 1rem;
    padding: .4rem 2rem;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 1.125em;
    font-weight: 300;
}

.btn-warning {
    background-color: #FF671D;
    color: #fff;
    border-color: #FF671D;
}
.btn-warning:hover {
    background-color: #FF671D;
    color: #333;
    border-color: #FF671D;
}


.btn-outline-warning {
    background-color: transparent;
    color: #FF671D;
    border-color: #FF671D;

    text-transform: uppercase;
    font-weight: 300;
    font-size: 1rem;
}
.btn-outline-warning:hover {
    background-color: #FF671D;
    color: #fff;
    border-color: #FF671D;
}

.btn-primary {
    background-color: #29ABE2;
    color: #fff;
    border-color: #29ABE2;
}

/* Owl carousel */
.owl-carousel .owl-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 3rem 0;
}

.owl-carousel .owl-dots .owl-dot {
    background: rgba(255, 255, 255, .3);
    height: 5px;
    width: 100px;
    border-radius: 5px;
    margin-right: 10px;
}

.owl-carousel .owl-dots .owl-dot.active {
    background: #fff;
}


/* Breadcrumbs */
.breadcrumb-item.active {
    color: #ccc;
}



/* Header
-----------------------------------------------------------------------------*/
.header .logo {text-align: center;margin: 0 0 2rem;}
.header .logo img {width: 120px;height: auto;}

.header .navbar .container {
    background: rgba(255, 255, 255, .05);
    border-radius: 22px;
    border: 1px solid rgba(0, 0, 0, .2);
    padding: 0 3px 0 15px;
}

.header .navbar .navbar-brand {line-height: 0;padding: 0;}
.header .navbar .navbar-brand img {width: 90px;height: auto;}

.header .navbar .navbar-toggler {border: none;}
.header .navbar .nav-link {
    font-size: .875rem;
    color: #ff671d;
    padding: .8rem 1rem;
    position: relative;
    font-weight: 400;
}

.header .navbar .navbar-nav {align-items: center;}
.header .navbar .navbar-nav .nav-item:hover .nav-link:after {
    content: "";
    height: 1px;
    background: #ff671d;
    width: calc(100% - 2rem);
    left: 1rem;
    bottom: 0;
    display: block;
    position: absolute;
}

.header .navbar .navbar-nav.left {margin-right: 3rem;}
.header .navbar .navbar-nav.left .nav-link:before {
    content: "";
    position: absolute;
    right: 0;
    top: 48%;
    border: solid  #ff671d;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 2px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}
.header .navbar .navbar-nav.left .nav-item:last-child .nav-link:before {
    display: none;
}

@media(max-width: 991px) {

    .header .navbar .navbar-collapse {
        padding: 15px 0;
        text-align: left;
    }
    .header .navbar .navbar-collapse .nav-item {
        display: block;
        width: 100%;
        margin-bottom: .25rem;
    }

    .header .navbar .navbar-collapse .nav-link {
        font-size: 1rem;
        font-weight: 400;
    }

    .header .navbar .navbar-collapse .btn, .header .navbar .navbar-collapse .nav-link {
        width: 100%;
        padding: .8rem 0;
    }
    .header .navbar .navbar-nav .nav-item:hover .nav-link::after {
        left: 0;
        width: 100%;
    }
}


/* Content
-----------------------------------------------------------------------------*/
.content {padding-bottom: 3rem;}
.content .breadcrumb {background: transparent;font-size: .75rem;}
.content .breadcrumb a {color: #ff671d;}


/* Demo page
-----------------------------------------------------------------------------*/
.demo-page {}
.demo-page h1 {color: #fff;}
.demo-page .detail {max-width: 1100px;margin: 3rem auto 0;background: rgba(255, 255, 255, .8); padding: 2rem;border-radius: .5rem;}
.demo-page .detail .description {text-align: center;font-size: 1.25rem;margin-bottom: 3rem;}
.demo-page .detail section {text-align: center;}
.demo-page section .item .digit {
    margin-bottom: 1rem;
    font-weight: bold;
    line-height: 1.6;
    font-size: 2rem;
    width: 60px;
    color: #fff;
    height: 60px;
    display: inline-block;
    background: #FF671D;
    border-radius: 50%;box-shadow: 0 0 0 6px rgba(0, 0, 0, .2);
}
.demo-page section .item .name {
    display: inline-block;
    /*border-bottom: 4px solid #000;*/
    font-size: 1.75rem;
    text-transform: uppercase;
    margin: 0 auto 1rem;
    font-weight: 400;
}
.demo-page section .item .text {margin-bottom: 2rem;font-size: 1.1252rem;}


/* Front page
-----------------------------------------------------------------------------*/
.front-page {}
.front-page .btn-warning {box-shadow: 0 0 0 6px rgba(0, 0, 0, .125)}

/* Welcome */
.front-page .welcome h1 {color: #fff;margin-bottom: 550px;}
.front-page .welcome .chat {text-align: center;}
.front-page .welcome .chat img {width: 100%;max-width: 600px;height: auto;}

@media(min-width: 992px) {
    .front-page .welcome h1 {font-size: 3rem;}
}
@media(max-width: 575px) {
    .front-page .welcome h1 {margin-bottom: 150px;}
}


/* Abilities */
.front-page .abilities {
    margin-bottom: 10rem;
    position: relative;
    overflow: visible;
}

.front-page .abilities .bg {
    position: absolute;
    width: 100%;
    z-index: -1;
    top: 200px;
    left: 0;
}

.front-page .abilities .bg img {
    min-width: 1920px;
    width: 100%;
    height: auto;
}

.front-page .abilities .description {
    font-size: 2.25rem;
    margin-bottom: 3rem;
    text-align: center;
}

.front-page .abilities .owl-stage, .front-page .abilities .owl-stage .owl-item {
    display: flex;
    align-items: stretch;
    justify-content: center;
}

.front-page .abilities .owl-item {
    padding: 30px 20px;
}

.front-page .abilities .item {
    box-shadow: 0 0 20px rgba(0, 0, 0, .2);
    background-color: #fff;
    border-radius: 40px;
    max-width: 400px;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
}

.front-page .abilities .item .img {
    height: 315px;
    background-size: cover;
}

.front-page .abilities .item .caption {
    font-size: 1.5rem;
    padding: 7rem 2rem 5rem;
    margin-top: -5rem;
    min-height: 300px;
}

@media(max-width: 575px) {

    .front-page .abilities {
        margin-bottom: 7rem;
    }

    .front-page .abilities .description {
        font-size: 1.5rem;
        padding: 0 1rem;
    }

    .front-page .abilities .container {
        padding: 0;
    }

    .front-page .abilities .item .caption {
        min-height: 350px;
    }
}


/* Skills */
.skills .h1 {
    color: #fff;
    font-weight: 300;
    text-shadow: 0 0 5px rgba(0, 0, 0, .2);
}

.balloons .owl-item {
    padding: 0 15px;
}

.balloons .item .text {
    color: #fff;
    background: rgba(41, 171, 226, .8);
    font-size: 1.125rem;
    padding: 1rem 2rem 2rem;
    border-radius: 20px;
    background-size: 100% auto;
    position: relative;
    margin-bottom: 2rem;
}

.balloons .item .text a {
    color: #fff;
}

.balloons .item .text:after {
    position: absolute;
    bottom: -22px;
    left: 55%;
    content: "";
    width: 30px;
    height: 25px;
    background: url(/images/media/baloon_corner.png) center center no-repeat;
}

.balloons .item .name {
    text-align: center;
    font-size: 1.5rem;
}

.balloons .bottom p {
    font-weight: 600;
    font-size: 1.5rem;
    margin-bottom: 2rem;
}

.skills .bottom {
    position: relative;
    z-index: 2;
}

.skills .yoga-girl {
    text-align: center;
    overflow: hidden;
}

.skills .yoga-girl img {
    max-width: 100%;
}

@media(max-width: 767px) {
    .skills .yoga-girl {
        margin-top: -50px;
    }
}

@media(max-width: 767px) {
    .skills .yoga-girl img {
        max-width: 150%;
        margin-left: -25%;
    }
}



/* For who? */
.for-who {
    margin-bottom: 5rem;
}

.for-who .carousel-item {
    padding: 3rem 1rem;
    height: 640px;
    width: 100%;
    background-color: #000;
    border-radius: 2rem;
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    box-shadow: inset 0 0 100px 100px rgba(0, 0, 0, .7);
    text-align: center;
}

.for-who .carousel-item .name {
    font-size: 3rem;
    color: #fff;
    border-bottom: 2px solid #ff671d;
    display: inline-block;
}

.for-who .carousel-item .controls {
    margin-top: 3rem;
}

.for-who .carousel-item .tags {
    position: absolute;
    bottom: 3rem;
    left: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    list-style-type: none;
    flex-wrap: wrap;
}

.for-who .carousel-item .tags li {
    color: #fff;
    background: #ff671d;
    padding: .5rem 1rem;
    font-size: 1.125rem;
    margin: 0 .5rem;
    border-radius: 2rem;
}

@media(max-width: 1023px) {
    .for-who .carousel-item .tags li {
        margin-bottom: 1rem;
    }
}

@media(max-width: 575px) {
    .for-who .carousel-item {
        height: 550px;
    }

    .for-who .carousel-item .name {
        font-size: 2.25rem;
    }
}


/* How it works */
.how-it-works {
    position: relative;
    margin-bottom: 10rem;
}

.how-it-works .item .name {
    color: #000;
}

.how-it-works .bg {
    position: absolute;
    width: 100%;
    z-index: -1;
    top: 100px;
    left: 0;
}

.how-it-works .bg img {
    min-width: 1920px;
    width: 100%;
    height: auto;
}

@media(max-width: 575px) {
    .how-it-works .bg img {
        min-width: 1500px;

    }
}



/* Prices */
.prices {
    margin-bottom: 5rem;
}

.prices .owl-carousel {
    margin-bottom: 4rem;
}

.prices .item {
    background: #fff;
    border-radius: 40px;
    max-width: 400px;
    margin: 1rem auto;
    box-shadow: 0 0 15px rgba(0, 0, 0, .2);
}

.prices .item .top {
    border-radius: 40px 40px 0 0;
    background: url(/images/media/bg_price.png) center top no-repeat;
    background-size: cover;
    height: 300px;
    text-align: center;
    padding: 3rem 1rem;
}

.prices .item .top .digit {
    border: 1px solid #fff;
    display: inline-block;
    border-radius: 50%;
    font-size: 3rem;
    font-weight: 600;
    color: #ff9067;
    padding: 2px;
    margin-bottom: 2rem;
}

.prices .item .top .digit .inner {
    background: #fff;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    line-height: 80px;
}

.prices .item .top .name {
    color: #fff;
    font-size: 1.5rem;
}

.prices .item .bottom {
    text-align: center;
    padding: 1rem 2rem 3rem;
}

.prices .item .bottom .price {
    font-weight: 600;
    font-size: 3.75rem;
    margin-bottom: 2rem;
}

.prices .item .bottom .description {
    font-size: 1.125rem;
    font-weight: 300;
    margin-bottom: 4rem;
}

.prices .item .bottom .economy {
    color: #ff6161;
    font-weight: 300;
}

.prices .h1 {
    color: #fff;
    text-shadow: 0 0 5px rgba(0, 0, 0, .2);
    max-width: 850px;
    margin-left: auto;
    margin-right: auto;
}

@media(min-width: 992px) {
    .prices .h1 {
        font-size: 3rem;
    }
}


/* Tools */
.tools {
    position: relative;
}

.tools:after {
    position: absolute;
    left: 0;
    width: 100%;
    content: "";
    background: #ebeef2;
    bottom: 0;
    height: 300px;
    z-index: -1;
}

.tools .pc {
    max-width: 580px;
    width: calc(100% - 4rem);
}

.tools .list {
    text-align: center;
    box-shadow: 0 0 30px 10px rgba(0, 0, 0, .3);
    border-radius: 2rem;
    padding: 4rem;
    background: #fff;
}

@media(max-width: 575px) {
    .tools .list {
        padding: 2rem;
    }
}

.tools .list .item {
    text-align: left;

}

.tools .list .item .item-header {
    font-size: 1.5rem;
    padding-left: 65px;
    display: inline-block;
    background-position: left top 5px;
    background-repeat: no-repeat;
    line-height: 1.2;
    margin-bottom: 2rem;
    min-height: 55px;
}

.tools .list .item.crm .item-header {
    background-image: url(/images/icons/icon_user.svg);
    background-size: 50px auto;
}

.tools .list .item.bot .item-header {
    background-image: url(/images/icons/icon_chat.svg);
    background-size: 56px auto;
    padding-left: 71px;
}

.tools  .list .item.lp .item-header {
    background-image: url(/images/icons/icon_lp.svg);
    background-size: 50px auto;
    padding-left: 65px;
}

.tools  .list .item .item-header .title {
    font-weight: 700;
}

.tools  .list .item .desc ul {
    display: inline-block;
}

.tools  .list .item .desc ul li {
    border-radius: 2rem;
    padding: .5rem 1rem .5rem 2.5rem;
    font-size: 1.125rem;
    margin-bottom: .25rem;
    background: url(/images/icons/icon_ok_blue.svg) left .75rem center no-repeat #f2f2f2;
    background-size: 18px auto;
}

@media(max-width: 991px) {
    .tools .list .item .item-header {
        font-size: 1.25rem;
    }
}


@media(max-width: 767px) {
    .tools .list .item {
        margin-bottom: 2rem;
    }
}



/* News */
.front-page .news {
    background: #ebeef2;
    padding-top: 4rem;
    /* margin-bottom: -3rem;*/
    padding-bottom: 5rem;
}

.front-page .news .h1 {
    margin-top: 0;
}

.front-page .news .owl-carousel {
    margin-bottom: 3rem;
}

.front-page .news .item .img {
    border-radius: .5rem;
    border: 3px solid #fff;
    height: 200px;
    background-size: cover;
    margin-bottom: 1rem;
    background-position: center;
}

.front-page .news .item .name {
    margin-bottom: .5rem;
}

.front-page .news .item .name a {
    font-size: 1.25rem;
    color: #333;
    font-weight: 600;
}
.front-page .news .item .date {
    background: #ff671d;
    color: #fff;
    font-weight: 400;
    margin-bottom: .5rem;
    display: inline-block;
    padding: .25rem .5rem;
    border-radius: .25rem;
}

.front-page .news .item .preview {
    color: rgba(0, 0, 0, .6);
}

@media(max-width: 575px) {
    .front-page .news .item .img {
        height: 250px;
    }
}


/* About text */
.front-page .about {
    background: #fff;
    padding: 4rem 0 0;
}

.front-page .about ul {
    margin: 0 0 1rem 3rem;
}



/* Single page
-----------------------------------------------------------------------------*/

.wrapper.page-wrapper {
    background-color: #bcc1c8;
}

.wrapper.page-wrapper .header {
    margin-bottom: 3rem;
}

.wrapper.page-wrapper .inner {
    margin: 0 1rem;
    background: rgba(255, 255, 255, .85);
    border-radius: 1rem;
    padding: 2rem;
    box-shadow: 0 0 2rem rgba(0, 0, 0, .4);
}

.wrapper.page-wrapper .inner ul {
    margin: 0 0 1rem 2rem;
}
.wrapper.page-wrapper .inner ul li {
    margin-bottom: .25rem;
}

@media(max-width: 575px) {
    .wrapper.page-wrapper .inner {
        padding-left: 1rem;
        padding-right: 1rem;
        margin: 0;
    }

    .wrapper.page-wrapper .inner ul {
        margin: 0 0 1rem 1rem;
    }
}


/* Cases
-----------------------------------------------------------------------------*/
.case-wrapper h1 {
    color: #fff;
}

.case-wrapper .detail-text {
    background: #fff;
    padding: 2rem;
    border-radius: 2rem;
    margin-bottom: 2rem;
}

.case-wrapper .item-wrapper {
    display: flex;
    align-items: stretch;
    margin-bottom: 3rem;
}
.case-wrapper .item {
    box-shadow: 0 0 20px rgba(0, 0, 0, .2);
    overflow: hidden;
    background: #fff;
    width: 100%;
    padding: 2rem 2rem 4.5rem;
    border-radius: 2rem;
}
.case-wrapper .item .top {
    height: 180px;
    margin: -2rem -2rem 0;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.case-wrapper .item .top img {
    position: relative;
    z-index: 10;
}

.case-wrapper .item .top .img {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-size: cover;
}



.case-wrapper .item .item-body {
    margin: 0 -1rem;
}

.case-wrapper .item .item-body .btn {
    position: absolute;
    bottom: 2rem;
    left: calc(50% - 93px);
}

.case-wrapper .item .item-body img {
    margin-bottom: .5rem;
}

.case-wrapper .item .name {
    background: url(/images/logo_blue_img.svg) left 1rem center no-repeat #f2f2f2;
    padding: 1rem 0 1rem 3.5rem;
    background-size: 30px auto;
    font-size: 1.25rem;
    margin: 0 -1rem 1rem;
    min-height: 120px;
    display: flex;
    align-items: center;
    font-weight: 400;
}

/* Detail */
.case-wrapper .detail {box-shadow: 0 0 20px rgba(0, 0, 0, .2);background: #fff;padding: 2rem;border-radius: 1.25rem;overflow: hidden;}

@media(max-width: 575px) {
    .case-wrapper .detail {
        padding: 2rem 1rem;
    }
}

.case-wrapper .detail h1 {
    color: #fff;
    text-align: left;
    margin-bottom: 1.5rem;
    margin-top: 0;
}

.case-wrapper .detail .top {
    overflow: hidden;
    margin: -2rem -2rem 3rem;
    position: relative;
    height: 100%;
    padding: 3rem 2rem;
}

.case-wrapper .detail .top .inner {
    position: relative;
    text-align: center;
    color: #fff;
    z-index: 3;
    text-shadow: -1px -1px 1px rgba(255, 255, 255, 0.2), 1px 1px 1px rgba(255, 255, 255, 0.2), 1px 1px 1px rgba(0, 0, 0, 0.4);
}

.case-wrapper .detail .top .inner h1 {
    margin-top: 1rem;
    text-align: center;
    color: #fff;
    font-weight: 300;
}

.case-wrapper .detail .preview-text {
    font-weight: 400;
    font-size: 1.125rem;
}

.case-wrapper .detail .img {
    background-size: cover;
    background-position: center;
    left: -1rem;
    right: -1rem;
    top: -1rem;
    bottom: -1rem;
    position: absolute;

}

.case-wrapper .detail .img:before {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    display: block;
    background: rgba(0, 0, 0, .4);
    z-index: 1;
}

.case-wrapper .detail .lead {font-size: 1.5rem;margin-top: 2rem;}
.case-wrapper .detail .lead:after {
    height: 6px;
    content: "";
    background: #29ABE2;
    margin: .5rem 0 1rem;
    position: relative;
    display: block;
    width: 70px;
}

.case-wrapper .detail-text {font-size: 1.125rem;}
.case-wrapper .detail-text li {margin-bottom: .25rem;}
@media(max-width: 575px) {
    .case-wrapper .detail-text {font-size: 1rem;}
}

.case-wrapper .promo {background: #f2f2f2;margin: 1rem -2rem;padding: 2rem 2rem;}
.case-wrapper .promo .text {font-size: 1.25rem;}
.case-wrapper .promo .text ul {list-style-type: none;margin-bottom: 3rem;}
.case-wrapper .promo .text li {margin-bottom: 1.5rem;background: url(/images/icons/icon_ok_blue.svg) left top .25rem no-repeat;background-size: 20px auto;padding-left: 2rem;}

.case-wrapper .detail .algorithm ul, .case-wrapper .detail .algorithm ol {
    margin: 0 0 25px 40px;
}
.case-wrapper .detail .algorithm span {font-weight: 400;}
.case-wrapper .detail .algorithm .orange {color: #ff931e;}
.case-wrapper .detail .algorithm .violet {color: #cf8ae3;}
.case-wrapper .detail .algorithm .blue {color: #4ab3f5;}
.case-wrapper .detail .algorithm .red {color: #ff7878;}


/* News
-----------------------------------------------------------------------------*/

/* List */
.news-wrapper {background-color: #bcc1c8;}
.news-wrapper h1 {color: #fff;margin-bottom: 3rem;}
.news-wrapper .list .item-wrapper {display: flex;align-items: stretch;margin-bottom: 2rem;}
.news-wrapper .list .item {overflow: hidden;box-shadow: 0 0 1rem rgba(0, 0, 0, .6);}
.news-wrapper .list .item .preview {font-size: .875rem;font-weight: 400;}
.news-wrapper .list .item .date {background: #ff671d;color: #fff; display: inline-block;margin-bottom: .75rem;padding: .15rem .5rem;border-radius: .25rem;font-weight: 400;}
.news-wrapper .list .item .item-body {position: relative;z-index: 2;}

.news-wrapper .list .row-0 .item {padding: 3rem;border-radius: .5rem;color: #333;background-size: cover;background-position: center center;position: relative;}
.news-wrapper .list .row-0 .item:before {background: rgba(255, 255, 255, .8);position: absolute;left: 0;top: 0;height: 100%;width: 100%;content: "";z-index: 1;}
.news-wrapper .list .row-0 .item .name {margin-bottom: 1.5rem;}
.news-wrapper .list .row-0 .item .name a {color: #333;font-size: 1.375rem;font-weight: bold;}
.news-wrapper .list .row-0 .item .name:after {content: ""; margin-top: 1rem; width: 50px; height: 8px;background: #ff671d;position: relative;display: block;}
.news-wrapper .list .row-0 .item .preview p {display: inline;}

.news-wrapper .list .row-1 .item {padding: 1rem;background: #fff;border-radius: .5rem;}
.news-wrapper .list .row-1 .item .img {margin-bottom: 1rem;height: 150px;width: 100%;position: relative;background-size: cover;border-radius: .5rem;background-position: center;}
.news-wrapper .list .row-1 .item .name {margin-bottom: 1.5rem;}
.news-wrapper .list .row-1 .item .name a {color: #333;font-size: 1.125rem;font-weight: bold;}


/* Detail */
.news-wrapper .detail {box-shadow: 0 0 20px rgba(0, 0, 0, .2);background: #fff;padding: 2rem;border-radius: 2rem;overflow: hidden;}
.news-wrapper .detail .lead {font-size: 1.5rem;margin-top: 2rem;}
.news-wrapper .detail .lead:after {
    height: 6px;
    content: "";
    background: #ff671d;
    margin: .5rem 0 1rem;
    position: relative;
    display: block;
    width: 70px;
}

.news-wrapper .detail h1 {
    color: #fff;
    text-align: left;
    margin-bottom: 1.5rem;
    margin-top: 0;
}

.news-wrapper .detail .top {
    overflow: hidden;
    margin: -2rem -2rem 3rem;
    position: relative;
    height: 100%;
    padding: 5rem 2rem;
}

.news-wrapper .detail .preview-text {
    font-weight: 400;
    font-size: 1.125rem;
}

.news-wrapper .detail .img {
    background-size: cover;
    background-position: center;
    left: -1rem;
    right: -1rem;
    top: -1rem;
    bottom: -1rem;
    position: absolute;
    filter: blur(10px);
    box-shadow: inset 0 0 50px 50px rgba(0, 0, 0, .5);
}

.news-wrapper .detail .img:before {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    display: block;
    background: rgba(0, 0, 0, .3);
    z-index: 1;
}

.news-wrapper .detail .inner {
    color: #fff;
}



.news-wrapper .detail .date {
    font-weight: 400;
    font-size: 1.125rem;
    margin-bottom: 1rem;
    background: #ff671d;
    color: #fff;
    border-radius: .25rem;
    display: inline-block;
    padding: .25rem 1rem;
}


.news-wrapper .detail .detail-text {
    font-size: 1.125rem;
}

.news-wrapper .detail .detail-text ul, .news-wrapper .detail .detail-text ol {
    margin: 0 0 1rem 2rem;
}

@media(max-width: 575px) {


    .news-wrapper .detail {
        padding: 2rem 1rem;
    }
}


/* Help
-----------------------------------------------------------------------------*/
.help-wrapper {
    /*background-color: #bcc1c8;*/
}

.help-wrapper .sidebar {
    font-weight: 400;
}

.help-wrapper .sidebar .lead {
    font-size: 1rem;
    margin-bottom: .5rem;
    margin-top: 1rem;
    font-weight: 400;
}

.help-wrapper .sidebar .nav-link {
    padding: .15rem 1rem;
}

.help-wrapper .inner {
    margin-top: 2rem;
    background: rgba(255, 255, 255, .95);
    padding: 2rem;
    border-radius: 2rem;
    box-shadow: 0 0 2rem rgba(0, 0, 0, .4);
}

.help-wrapper .inner h1 {
    text-align: left;
    margin-top: 0;
}

.help-wrapper .page {font-weight: 400;}
.help-wrapper .page ul, .help-wrapper .page ol {margin: 0 0 1rem 2rem;}
.help-wrapper .page .nav-pills {margin-left: 0;margin-bottom: 1.5rem;}
.help-wrapper .page ul li {margin-bottom: .5rem;}
.help-wrapper .page ul.list > li {display: flex;align-items: flex-start;}
.help-wrapper .page ul.list li .digit {
    display: block;
    margin-right: 10px;
    color: #fff;
    font-weight: bold;
    width: 100%;
    max-width: 30px;
    line-height: 30px;
    border-radius: 50%;
    text-align: center;
    background: #ff671d;
}

.help-wrapper .page ul.list li .text {padding-top: .25rem;width: 100%;}
.help-wrapper .page figure {display: inline-block;max-width: 80%;}
.help-wrapper .page figure img {max-width: 100%; border: 1px solid #ccc;border-radius: .25rem;}
.help-wrapper .page figure figcaption {font-style: italic;text-align: center;}
.help-wrapper .page #mobile figure img {max-width: 300px;}
.help-wrapper .page .btn-example {padding: 0;display: inline-block;font-size: .875rem;text-align: center;padding: .25rem 0;height: 30px;width: 30px;}


/* Auth
-----------------------------------------------------------------------------*/
.auth-wrapper .content {padding-bottom: 0;}
.auth-wrapper .page {color: #fff;}
.auth-wrapper .page .form-control {border-radius: 2rem;padding: .75rem 1rem;height: auto;background: rgba(255, 255, 255, .85);border: 2px solid #fff;}

.auth-wrapper .page .custom-checkbox {font-weight: 400;}
.auth-wrapper .page .form-controls {text-align: center;margin-top: 3rem;}
.auth-wrapper .page .form-controls .btn {margin: 0 1rem;}

.auth-wrapper .page .login {background: rgba(0, 0, 0, .3);border-radius: 1.5rem;padding: 3rem 2rem 2rem;  ;max-width: 550px; margin: 0 auto; margin-bottom: 5rem;}
.auth-wrapper .page .login a:not(.btn) {color: #fff;text-decoration: underline;}
.auth-wrapper .page .login a:not(.btn):hover {text-decoration: none;}
@media(max-width: 575px) {
    .auth-wrapper .page .login {
        padding: 3rem 1rem 2rem;
    }
}

.auth-wrapper .register {color: #000; padding: 5rem;background: url(/images/media/bg_1.png) top left no-repeat;background-size: 1920px auto;}
.auth-wrapper .description {font-size: 1.125rem;margin-bottom: 2rem;}
.auth-wrapper .register .btn-warning {box-shadow: 0 0 0 6px rgba(0, 0, 0, .125);}


.auth-wrapper .page.verify p {font-weight: 400;text-shadow: -1px -1px 1px rgba(255,255,255,0.2), 1px 1px 1px rgba(255,255,255,0.2), 1px 1px 1px rgba(0,0,0,0.7);}


/* Domain
-----------------------------------------------------------------------------*/
.wrapper.domain header {margin-bottom: 2rem;}

.wrapper.domain section {box-shadow: 0 0 20px rgba(0, 0, 0, .2);margin-bottom: 3rem;background: rgba(0 ,0 ,0, .3);padding: 3rem 2rem;border-radius: 1rem;color: #fff;text-align: center;}
.wrapper.domain .intro .text {margin: 0 auto 3rem;max-width: 700px;line-height: 1.5;}
.wrapper.domain .intro .btn {box-shadow: 0 0 0 6px rgba(0, 0, 0, .125);}
.wrapper.domain .footer.domain {color: #fff;}
.wrapper.domain .footer.domain .text {margin-bottom: 3rem;}

@media(max-width: 575px) {
    .wrapper.domain .intro {padding: 1rem 2rem;}
}

.wrapper.domain .catalog .item-wrapper {display: flex;align-items: stretch;margin: 0 0 2rem;}
.wrapper.domain .catalog .item {width: 100%;background: rgba(255,255,255,.7);padding: 1rem 1rem 3rem;border-radius: .5rem;box-shadow: 0 0 20px rgba(0, 0, 0, .2);position: relative;}
.wrapper.domain .catalog .item .img {background-repeat: no-repeat;background-size: cover;background-color: #f2f2f2;border-radius: .5rem;height: 180px;margin-bottom: 1rem;}
.wrapper.domain .catalog .item .name {margin-bottom: 1rem;}
.wrapper.domain .catalog .item .name a {font-weight: 600;font-size: 1.125rem;color: #000;}
.wrapper.domain .catalog .item .price {color: #ff671d;font-weight: 600;margin-bottom: 1rem;}
.wrapper.domain .catalog .item .preview-text {font-size: .875rem;margin-bottom: 2rem;color: rgba(0, 0, 0, .6);}
.wrapper.domain .catalog .item .controls {position: absolute;left: 0;bottom: 0;width: 100%;padding: 1rem;}

.wrapper.domain .product {margin-bottom: 3rem;}
.wrapper.domain .product .product-wrapper {display: flex;align-items: stretch;}
.wrapper.domain .product .carousel .carousel-item {box-shadow: 0 0 20px rgba(0, 0, 0, .2);height: 500px;background-size: cover;border-radius: .5rem;}
.wrapper.domain .product .info {box-shadow: 0 0 20px rgba(0, 0, 0, .2);border-radius: .5rem;padding: 1rem 2rem 3rem;background: rgba(255,255,255,.7);}
.wrapper.domain .product h1 {font-size: 2rem;text-align: left;}
.wrapper.domain .product .price {font-size: 1.25rem;color: #ff671d;font-weight: 600;margin-bottom: 1rem;}
.wrapper.domain .product .detail-text {font-size: .875rem;margin-bottom: 2rem;line-height: 1.5;}
.wrapper.domain .product .btn {box-shadow: 0 0 0 6px rgba(0, 0, 0, .125);}

@media(max-width: 575px) {
    .wrapper.domain .product .info {
        padding: 1rem;
    }
}


/* Footer
-----------------------------------------------------------------------------*/
.footer {background: #333;padding: 3rem 0 2rem;}

.footer .logo {text-align: center;margin-bottom: 3rem;}
.footer .logo img {width: 120px;}

.footer .feedback {color: #fff;text-align: center;max-width: 600px;margin: 0 auto 4rem;}
.footer .feedback .title {font-size: 2.25rem;}
.footer .feedback .description {margin-bottom: 2rem;}
.footer .feedback .form-control {
    border-radius: 1.75rem;
    background: #b3b3b3;
    border: 1px solid #fff;
    color: #4d4d4d;
    padding: 1.35rem ;
}
.footer .feedback .btn {width: 100%;max-width: 200px;}
.footer .info {
    font-weight: 400;
    color: rgba(255, 255, 255, .5);
    font-size: .875rem;
    padding-top: 2rem;
    border-top: 1px solid #ff671d;
}

@media(max-width: 575px) {
    .footer {padding: 2rem 1rem;}
    .footer .logo {margin-bottom: 1rem;}
    .footer .logo img {width: 100px;}
}

/* News Pagination Styles */
.news-pagination {
    margin: 3rem 0;
    padding: 1rem 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.news-pagination .pagination-info {
    font-size: 0.875rem;
    color: #666;
    margin-bottom: 1rem;
    text-align: center;
}

.news-pagination .pagination-info strong {
    color: #FF671D;
    font-weight: 600;
}

.news-pagination .pagination-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.news-pagination .pagination-mobile {
    display: none;
}

.news-pagination .pagination-desktop {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}

.news-pagination .page-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    height: 40px;
    padding: 0 0.75rem;
    font-size: 0.875rem;
    font-weight: 400;
    color: #FF671D;
    background: rgba(255, 103, 29, 0.1);
    border: 1px solid rgba(255, 103, 29, 0.2);
    border-radius: 20px;
    text-decoration: none;
    transition: all 0.3s ease;
}

.news-pagination .page-link:hover {
    background: #FF671D;
    color: #fff;
    border-color: #FF671D;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(255, 103, 29, 0.2);
}

.news-pagination .page-link.active {
    background: #FF671D;
    color: #fff;
    border-color: #FF671D;
    font-weight: 600;
}

.news-pagination .page-link.disabled {
    color: #ccc;
    background: rgba(0, 0, 0, 0.05);
    border-color: rgba(0, 0, 0, 0.1);
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

.news-pagination .page-link.disabled:hover {
    background: rgba(0, 0, 0, 0.05);
    color: #ccc;
    border-color: rgba(0, 0, 0, 0.1);
    transform: none;
    box-shadow: none;
}

.news-pagination .page-link-prev,
.news-pagination .page-link-next {
    min-width: 100px;
    padding: 0.5rem 1.5rem;
    font-weight: 500;
}

.news-pagination .page-link-prev i,
.news-pagination .page-link-next i {
    font-size: 0.75rem;
    margin: 0 0.25rem;
}

.news-pagination .page-link-prev {
    margin-right: 1rem;
}

.news-pagination .page-link-next {
    margin-left: 1rem;
}

.news-pagination .page-link-dots {
    background: transparent;
    border: none;
    color: #999;
    cursor: default;
    min-width: auto;
    padding: 0 0.5rem;
}

.news-pagination .page-link-dots:hover {
    background: transparent;
    color: #999;
    transform: none;
    box-shadow: none;
}

/* Responsive styles */
@media (max-width: 640px) {
    .news-pagination .pagination-mobile {
        display: flex;
        justify-content: space-between;
        width: 100%;
    }

    .news-pagination .pagination-desktop {
        display: none;
    }

    .news-pagination .page-link-prev,
    .news-pagination .page-link-next {
        min-width: 120px;
    }

    .news-pagination .pagination-info {
        font-size: 0.75rem;
    }
}

@media (max-width: 768px) {
    .news-pagination .page-link {
        min-width: 35px;
        height: 35px;
        padding: 0 0.5rem;
        font-size: 0.8125rem;
    }

    .news-pagination .page-link-prev,
    .news-pagination .page-link-next {
        min-width: 90px;
        padding: 0.4rem 1rem;
    }
}