.intl-tel-input.allow-dropdown .flag-container:hover .selected-flag {
    background-color: rgba(0,0,0,0.05);
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
}
.intl-tel-input {
    width: 100%;
}
.progressbar .step.active {
    background: linear-gradient(to left,#53c1ae,#5a73b8);
}
.ctrl-step2.active{
    display: none;
}
.intl-tel-input.allow-dropdown .selected-flag {
    height: 50px;
}
.trial-section .progressbar {
    position: relative;
}
.label-top{
    position: absolute;
    top: -40px;
}
.label-step1{
    left: 0;
}
/* .label-step1::before{
    content: "1";
    position: absolute;
    height: 24px;
    width: 24px;
    background-color: #5a73b8;
    color: #fff;
    text-align: center;
    line-height: 22px;
    left: 0px;
    border-radius: 50%;
    top: 30px;
} */
.label-step2{
    left: 50%;
    transform: translateX(-50%);
}
/* .label-step2::before{
    content: "2";
    position: absolute;
    height: 24px;
    width: 24px;
    background-color: #5a73b8;
    color: #fff;
    text-align: center;
    line-height: 22px;
    left: 50%;
    border-radius: 50%;
    top: 30px;
} */
.label-step3{
    right: 0;
}
.navigation{
    text-transform: capitalize;
}
.domain-search__box{
    justify-content: center;
}
.title-main{
    text-transform: capitalize;
    color: #353333;
}
.container-800{
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}
.project-item{
    margin-bottom: 50px;
}
.theme-detail .ctrl a{
    height: 48px;
}
.see-more{
    text-align: center;
    color: #53C1AC;
}
.see-more .more{
    display: block;
}
.see-more .hidden{
    display: none;
}
.btn-demo{
    border-bottom: 1px solid #ccc;
    padding-bottom: 32px;
}
.ti-angle-down{
    display: inline-block;
    transform: rotate(90deg);
    font-family: 'themify';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}
.ti-angle-down::before{
    content: ">";
    font-size: 16px;
}
.ti-angle-up{
    display: inline-block;
    transform: rotate(90deg);
    font-family: 'themify';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}
.ti-angle-up::before{
    content: "<";
    font-size: 16px;
}
.theme-detail .summary.active-more{
    height: auto !important;
}
.theme-detail .summary{
    margin-top: 64px;
    height: 400px;
    overflow: hidden;
}
@media screen and (min-width: 545px){
    .container{
        max-width: 95vw;
    }
    .header .btn-gradient{
        max-width: 140px;
    }
}
@media screen and (min-width: 768px){
    .theme-detail__container .img{
        flex: 0 0 100%;
        max-width: 100%;
    }
    
}

@media screen and (max-width: 991px){
    .theme-detail__container{
        display: block;
    }
    .theme-detail__container .ctrl{
        margin-bottom: 64px;
        display: flex;
        justify-content: center;
    }
    .theme-detail .ctrl a:not(:last-child){
        margin-bottom: 0;
        margin-right: 16px;
    }
    
}
@media screen and (max-width: 545px){
    .theme-detail__container .ctrl{
        margin: 16px 0 32px 0;
        display: inline-block;

    }
    .theme-detail .ctrl a:not(:last-child){
        margin-bottom: 16px;
    }
    
}
@media screen and (min-width: 992px){
    .container{
        max-width: 90vw;
    }
    .header .btn-gradient{
        max-width: 140px;
    }
    .footer-menu .link::before{
        content: "";
    }
    .theme-filter__category .item{
        min-width: 100px;
    }
    .main.theme-detail{
        overflow: initial;
    }
    .theme-detail__container .content {
        position: sticky;
        top: 140px;
    }
    .overlow-hidden {
        overflow: hidden;
    }
}
@media screen and (min-width: 1200px){
    .container{
        max-width: 85vw;
    }
    .progressbar {
        height: 5px;
    }
    .login-form.form-trial{
        width: 500px;
    }
    .trial-section .progressbar {
        min-width: 900px;
        position: relative;
    }
    .domain-search__box .title{
        margin-bottom: 15px;
    }
    .theme-filter__category .item{
        max-width: 135px;
    }
    .footer-top .address::before{
        flex: 0 0 21px;
        max-width: 21px;
        height: 30px;
    }
}
iframe.fb_customer_chat_icon{
    bottom: 110px !important;
}
@media screen and (min-width: 1600px){
    .container{
        max-width: 1300px;
    }
    .container-2 .row [class*=col-]{
        padding-left: 35px;
        padding-right: 35px;
    }
}
@media screen and (max-width: 1600px){
    .header-logo{
        max-width: 140px;
    }
}
/* @media screen and (max-width: 1199px){
    .navigation-close{
        display: flex;
        align-items: center;
        justify-content: center;
        height: 60px;
        width: 100%;
        color: #fff;
        background: linear-gradient(to left,#53c1ae,#5a73b8);
        position: absolute;
        top: 0;
        left: 0;
    }
    .navigation {
        position: fixed;
        top: 0;
        left: 0;
        height: 100vh;
        z-index: 9;
        padding-top: 60px;
        background-color: #fff;
        width: 320px;
        transform: translateX(-320px);
        transition: transform 650ms .1s;
} */

.ctrl-radio-flex{
    margin-bottom: 16px;
    border: 2px solid #6c757d;
    box-sizing: border-box;
    border-radius: 8px;
    padding-left: 16px;
}

.ctrl-radio-flex .ctrl-label-top{
    display: flex;
    align-items: center;
}

.list-payment-mobile{
    display: flex;
    padding: 8px;
    background: rgba(1, 166, 186, 0.02);
    border: 0.5px solid rgba(32, 31, 31, 0.5);
    box-sizing: border-box;
    border-radius: 8px;
    margin-right: 16px;
    margin-bottom: 16px;
    flex-wrap: wrap;
}

.one-payment-mobile{
    flex: 0 0 93px;
    margin-right: 8px;
    position: relative;
    margin-top: 8px;
}

.one-payment-mobile:nth-child(-n+4){
    margin-top: 0;
}

.one-payment-mobile input{
    position: absolute;
    right: 8px;
    top: 4px;
}

.ctrl-radio-flex label .ctrl-flex-img{
    width: 93px;
    height: 65px;
    background: #FFFFFF;
    border: 0.5px dashed rgba(32, 31, 31, 0.9);
    box-sizing: border-box;
    border-radius: 8px;
    padding: 16px 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.content-store-payment{
    padding: 8px;
    background: rgba(1, 166, 186, 0.02);
    border: 0.5px solid rgba(32, 31, 31, 0.5);
    box-sizing: border-box;
    border-radius: 8px;
    margin-right: 16px;
    margin-bottom: 16px;
    font-size: 13px;
}

.content-store-payment strong{
    margin-top: 8px;
    display: block;
    color: #000;
}

.one-bank-info{
    display: flex;
    align-items: start;
    margin-top: 16px;
}

.one-bank-info{
    display: flex;
    align-items: start;
    margin-top: 16px;
}

.one-bank-info:first-child{
    margin-top: 0
}

.total-hosting{
    display: flex;
    align-items: center;
}

.content-store-payment .info strong{
    margin-top: 0;
    margin-bottom: 8px;
    color: #000;
}
.price-size-big-red{
    font-size: 24px;
    color: #FE0505;
}

.one-bank-info img{
    margin-right: 8px;
    flex: 0 0 40px;
}

.ctrl-radio-flex label .ctrl-flex-img img{
    margin-left: 0;
    margin-right: 0;
}

.ctrl-radio-flex.active{
    border: 2px solid #007bff;
}

.show-payment-active{
    display: none;
}

.ctrl-radio-flex.active .show-payment-active{
    display: block;
}

.ctrl-radio-flex label{
    width: 100%;
    margin-bottom: 0;
}

.ctrl-radio-flex label .ctrl-flex-label{
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 16px 16px 16px 0;
    width: 100%;
}
.ctrl-radio-flex label span{
    font-size: 13px;
    font-weight: 600;
}
.ctrl-radio-flex label img{
    margin-left: 16px;
    margin-right: 8px;
}

.block-info-one{
    padding: 16px;
    border: 0.5px solid rgba(32, 31, 31, 0.9);
    box-sizing: border-box;
    border-radius: 8px;
    font-size: 13px;
    margin-bottom: 16px;
}
.block-info-one .title-info{
    padding-bottom: 8px;
    border-bottom: 0.5px solid rgba(32, 31, 31, 0.9);
}
.block-info-one .content-info-block{
    display: flex;
    margin-top: 16px;
    justify-content: space-between;
}
.block-info-one .total-info{
    font-size: 24px;
    color: #FE0505;
}
.info-total-block{
    align-items: center;
}

.trial-section .btn-next.btn-hosting-ctr {
    min-width: 280px;
}

.ctrl-mr-5 .block-info-one .content-info-block {
    margin-top: 5px;
}

@media screen and (min-width: 992px){
    .navigation-list .drop-list {
        opacity: 0;
        min-width: 260px;
        padding: 16px;
        right: 0;
        left: auto;
    }
    .navigation-list .drop-list>.item.one-service-menu:not(:last-child) {
        margin-bottom: 0;
    }
}

.navigation-list .drop-list .link{
    font-size: 13px;
}

.one-service-menu{
    width: 50%;
    flex: 0 0 50%;
    max-width: 50%;
    padding: 16px 5px 16px 16px;
    border-bottom: 1px solid #ddd;
}
.one-service-menu .content-menu{
    text-transform: capitalize;
}

.one-service-menu .title-menu{
    font-weight: 600;
    margin-bottom: 2px;
}

.one-service-menu:nth-child(odd){
    border-right: 1px solid #ddd;
}

.navigation-list .drop:hover .drop-list.flex-service-menu{
    min-width: 600px;
    padding: 0;
}
@media screen and (min-width: 992px){
    .navigation-list .drop:hover .drop-list.flex-service-menu{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
}
.navigation-list .drop-list .link img{
    width: 40px;
    height: 40px;
    margin-right: 8px;
}
.navigation-list .link.service-menu{
    white-space: unset;
    align-items: flex-start;
}

.list-time{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.one-time{
    max-width: calc(33.333% - 8px);
    flex: 0 0 calc(33.333% - 8px);
    padding: 0 0 20px;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    cursor: pointer;
}
.one-time .title{
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    margin-bottom: 5px;
    padding-top: 10px;
    background: linear-gradient(to left,#53c1ae,#5a73b8);
    color: #FFFFFF;
}
.one-payment-mobile.one-time{
    margin-right: 0;
}

.one-time .saving{
    font-size: 20px;
    color: #dd1a5b;
    padding: 10px;
}

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

.one-time .price{
    font-size: 25px;
    font-weight: bold;
    padding: 10px;
}

.one-time .sell{
    text-decoration: line-through;
    color: #999;
    font-size: 17px;
    padding: 10px;
}

.one-time label{
    margin-bottom: 0;
    text-align: center;
    width: 100%;
}

.ctrl-list-time-price{
    display: none;
    margin-top: 30px;
}

.ctrl-list-time-price.active{
    display: block;
}

.btn-hiden-step1-1.active{
    display: none;
}

.theme-detail__container .img::before {
    padding-bottom: 80%;
}

.price-detail{
    font-weight: 500;
    font-size: 32px;
    line-height: 39px;
    color: #53C1AC;
}

.btn-demo .min-w-300{
    margin: 0 auto;
    margin-top: 30px;
}

.detail-img-box{
    flex: 0 0 60.3%;
    max-width: 60.3%;
}

.btn-view-demo{
    height: 40px;
}

.min-w-300{
    min-width: 300px
}

.price-detail-sell{
    text-decoration: line-through;
}

.trial-section .subscribe-form {
    border-radius: 25px;
}

.ctrl-bnt{
    display: block;
    width: 100%;
    justify-content: center;
    margin-top: 30px;
}

.trial-section .domain-list {
    margin-bottom: 20px;
}

.trial-section .content {
    margin: 0 auto;
}

.domain-exist__btn.collapsed {
    display: block;
    margin-right: auto !important;
    margin-left: auto;
}
.trial-section .btn-next{
    font-size: 20px;
    min-width: 400px;
}
.domain-exist__btn.collapsed {
    margin-bottom: 20px;
}
.progressbar {
    height: 5px !important;
    flex: 0 0 5px;
}
.btn-gradient.bg-nguoc {
    background: linear-gradient(to left,#5a73b8,#53c1ae);
}

.title-hosting-3{
    display: none;
}

.title-hosting-2{
    display: none;
}

.title-hosting-2.active{
    display: block;
}

.title-hosting-1.active{
    display: block;
}

.title-hosting-3.active{
    display: block;
}

.hosting-step-2-block .block-info-one{
    background: rgba(1, 166, 186, 0.02);
}

.hosting-step-2-block .block-info-one .fa-trash-o{
    font-size: 20px;
    cursor: pointer;
    color: #989898;
}

.price-km-hosting span{
    text-decoration-line: line-through;
    margin-right: 5px;
}

.hosting-step-2-block .block-info-one .content-info-block {
    margin-top: 5px;
}

.one-info-mod:not(:last-child){
    padding-bottom: 16px;
    margin-bottom: 16px;
    border-bottom: 0.5px solid rgba(32, 31, 31, 0.9);
}

.hosting-step-2-block .block-info-one .content-info-block:first-child{
    margin-top: 0;
}

.domain-item{
    display: flex;
    align-items: center;
}
.domain-item .fa-times-circle-o{
    color: #dc3545;
}
.domain-item .fa-check-circle-o{
    color: #28a745;
}
.domain-item .fa{
    margin-right: 5px;
}
.one-key-search{
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}

.one-key-search .domain-item{
    width: auto;
}

.title-search{
    text-align: left;
    font-weight: 600;
    margin-top: 30px;
    margin-bottom: 24px;
}

.title-list-key-search{
    margin-top: 50px;
    margin-bottom: 30px;
    font-weight: bold;
}

.title-list-key-search{
    width: 100%;
    text-align: left;
}

.key-search{
    width: 100%;
}

.content-key-search{
    padding: 12px 0;
    border-bottom: 0.5px solid rgba(64, 62, 62, 0.51);
    border-top: 0.5px solid rgba(64, 62, 62, 0.51);
}
.content-key-search .btn-gradient{
    font-size: 16px;
}
.domain-list .list {
    border-top: 1px solid rgba(112,112,112,.5);
}

.btn-check-active.active{
    display: block;
}

.btn-select-active.active{
    display: none;
}

.btn-check-active{
    display: none;
}

.step3-2{
    display: none;
}

.step3-2.active{
    display: flex;
}

.step1-hosting-block{
    display: none;
}

.step1-hosting-block.active{
    display: block;
}

.step3-1.active{
    display: block;
}

.btn-back{
    display: block;
}
.btn-back:hover{
    color: #01A6BA;
}
.btn-gradient.ctrl-btn-color{
    color: #000;
    background: #fff;
    transition: all 450ms;
    font-family: "Muli Bold";
    padding: 7px 20px;
    border-radius: 100px;
    border: 1px solid #151414;
    font-size: 16px;
}

.btn-gradient.ctrl-btn-color:hover{
    color: #fff;
    background: linear-gradient(to left,#53c1ae,#5a73b8);
    transition: all 450ms;
    font-family: "Muli Bold";
    padding: 7px 20px;
    border-radius: 100px;
}

.content-success-block{
    max-width: 550px;
    background: rgba(1, 166, 186, 0.02);
    border: 1px solid #01A6BA;
    box-sizing: border-box;
    border-radius: 20px;
    padding: 40px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 80px;
    margin-bottom: 80px;
}

.title-success{
    font-size: 30px;
    font-weight:bold;
    margin-top: 20px;
    margin-bottom: 20px;
    color: #000;
}

.ctr-text-center{
    text-align: center;
    width: 100%;
}

.name-kh-t{
    color: #01A6BA;
}

.ctrl-show-search-step1{
    display: none;
}

.ctrl-show-search-step1.active{
    display: block;
}

.js-list-price{
    display: none;
}

.js-list-price.active{
    display: block;
}

.trial-section .title-block {
    display: block;
}

.js-review-order{
    display: none;
}

.js-review-order.active{
    display: flex;
}

.btn-back-to-home-success{
    font-size: 16px;
    min-width: 280px
}

.sum-success{
    text-align: left;
    font-size: 16px;
    color: #151414;
    margin-bottom: 40px;
}

.btn-blue, .btn-green {
    min-width: 210px;
}

.login-form.form-trial3{
    width: 100%;
}

.trial-section .btn-next.min-w-200{
    min-width: 200px
}
.login-section .content{
    box-shadow: none;
    background-color: initial;
}
.trial-section .inner{
    padding-top: 40px;
    max-width: 1400px;
}
.content-price > i{
    text-decoration: line-through;
    font-size: 12px;
    color: #4e4747;
    font-style: normal;
}
.content-price .content-price__color{
    color: #e61919;
}
@media screen and (min-width: 992px){
    .theme-filter__category .item{

    }
    .navigation-list>.item:not(:last-child) {
        margin-right: 20px;
    }
    .navigation-list>.item {
        font-size: 20px;
    }
    .theme-detail {
        padding-bottom: 48px;
    }
    .trial-section .content {
        margin: 0 auto;
        padding-top: 90px;
    }
    .banner-page .f-14{
        width: 580px;
    }
}

@media screen and (min-width: 1200px){
    .navigation-list>.item:not(:last-child) {
        margin-right: 40px;
    }
    .navigation-list>.item {
        font-size: 24px;
    }
    .theme-detail__container .img {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media screen and (max-width: 1199px){
    .one-payment-mobile:nth-child(-n+4){
        margin-top: 8px;
    }
    .one-payment-mobile:nth-child(-n+2){
        margin-top: 0;
    }
    .one-payment-mobile.one-time:nth-child(-n+4) {
        margin-top: 0
    }
    .one-time .price {
        font-size: 20px;
    }

}

@media screen and (max-width: 1599px){
    .trial-section .progressbar{
        min-width: 100%;
    }
}
@media screen and (max-width: 1024px){
    .navigation-list .drop:hover .drop-list.flex-service-menu{
        min-width: 500px;
    }
}
@media screen and (max-width: 991px){
    .navigation .drop-list .item.one-service-menu{
        width: 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-top: 0;
    }
    .navigation-list .drop:hover .drop-list.flex-service-menu{
        min-width: auto;
    }
    .one-service-menu:nth-child(odd){
        border-right: 0 solid #ddd;
    }
    .navigation .drop-list {
        padding-left: 16px;
    }
    .detail-img-box{
        flex: 0 0 100%;
        max-width: 100%;
    }
    .theme-detail__container .content {
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
        text-align: center;
    }
    .trial-section .progressbar {
        margin-top: 40px;
    }
    .trial-section .btn-next {
        min-width: 350px;
    }
    .banner-page .f-14{
        width: 400px;
    }
}

@media screen and (max-width: 767px){
    .label-top {
        font-size: 11px;
    }
    .mt-767-32{
        margin-top: 32px;
    }
    .trial-section .content {
        margin: 0 0;
    }
    .hosting-price__item {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media screen and (max-width: 600px){
    .one-time{
        max-width: 100%;
        flex: 0 0 100%;
    }
    .content-success-block{
        max-width: auto;
        background: rgba(1, 166, 186, 0.02);
        border: 1px solid #01A6BA;
        box-sizing: border-box;
        border-radius: 8px;
        padding: 10px;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .banner-page .f-14{
    	font-size: 14px;
    	color: #000;
        width: 300px;
    }
}
.project-item .img::before{
    padding-top: 140.86179%;
}
.project-item:nth-child(30n+1) .inner,
.project-item:nth-child(30n+2) .inner,
.project-item:nth-child(30n+3) .inner,
.project-item:nth-child(30n+4) .inner,
.project-item:nth-child(30n+5) .inner,
.project-item:nth-child(30n+6) .inner,
.project-item:nth-child(30n+7) .inner,
.project-item:nth-child(30n+8) .inner,
.project-item:nth-child(30n+9) .inner,
.project-item:nth-child(30n+10) .inner,
.project-item:nth-child(30n+11) .inner,
.project-item:nth-child(30n+12) .inner,
.project-item:nth-child(30n+13) .inner,
.project-item:nth-child(30n+14) .inner,
.project-item:nth-child(30n+15) .inner,
.project-item:nth-child(30n+16) .inner,
.project-item:nth-child(30n+17) .inner,
.project-item:nth-child(30n+18) .inner,
.project-item:nth-child(30n+19) .inner,
.project-item:nth-child(30n+20) .inner,
.project-item:nth-child(30n+21) .inner,
.project-item:nth-child(30n+22) .inner,
.project-item:nth-child(30n+23) .inner,
.project-item:nth-child(30n+24) .inner,
.project-item:nth-child(30n+25) .inner,
.project-item:nth-child(30n+26) .inner,
.project-item:nth-child(30n+27) .inner,
.project-item:nth-child(30n+28) .inner,
.project-item:nth-child(30n+29) .inner,
.project-item:nth-child(30n+30) .inner
{
    -webkit-animation: fadeUp 650ms linear 350ms forwards !important;
    animation: fadeUp 650ms linear 350ms forwards !important;
}

/* .actived .project-item:nth-child(30n+1) .inner{
    -webkit-animation:fadeUp 350ms linear .15s forwards;
    animation:fadeUp 350ms linear .15s forwards
}
.actived .project-item:nth-child(30n+2) .inner{
    -webkit-animation:fadeUp 350ms linear .3s forwards;
    animation:fadeUp 350ms linear .3s forwards
}
.actived .project-item:nth-child(30n+3) .inner{
    -webkit-animation:fadeUp 350ms linear .45s forwards;
    animation:fadeUp 350ms linear .45s forwards
}
.actived .project-item:nth-child(30n+4) .inner{
    -webkit-animation:fadeUp 350ms linear .6s forwards;
    animation:fadeUp 350ms linear .6s forwards
}
.actived .project-item:nth-child(30n+5) .inner{
    -webkit-animation:fadeUp 350ms linear .75s forwards;
    animation:fadeUp 350ms linear .75s forwards
}
.actived .project-item:nth-child(30n+6) .inner{
    -webkit-animation:fadeUp 350ms linear .9s forwards;
    animation:fadeUp 350ms linear .9s forwards
}
.actived .project-item:nth-child(30n+7) .inner{
    -webkit-animation:fadeUp 350ms linear 1.05s forwards;
    animation:fadeUp 350ms linear 1.05s forwards
}
.actived .project-item:nth-child(30n+8) .inner{
    -webkit-animation:fadeUp 350ms linear 1.2s forwards;
    animation:fadeUp 350ms linear 1.2s forwards
}
.actived .project-item:nth-child(30n+9) .inner{
    -webkit-animation:fadeUp 350ms linear 1.35s forwards;
    animation:fadeUp 350ms linear 1.35s forwards
}
.actived .project-item:nth-child(30n+10) .inner{
    -webkit-animation:fadeUp 350ms linear 1.5s forwards;
    animation:fadeUp 350ms linear 1.5s forwards
}
.actived .project-item:nth-child(30n+11) .inner{
    -webkit-animation:fadeUp 350ms linear 1.65s forwards;
    animation:fadeUp 350ms linear 1.65s forwards
}
.actived .project-item:nth-child(30n+12) .inner{
    -webkit-animation:fadeUp 350ms linear 1.8s forwards;
    animation:fadeUp 350ms linear 1.8s forwards
}
.actived .project-item:nth-child(30n+13) .inner{
    -webkit-animation:fadeUp 350ms linear 1.95s forwards;
    animation:fadeUp 350ms linear 1.95s forwards
}
.actived .project-item:nth-child(30n+14) .inner{
    -webkit-animation:fadeUp 350ms linear 2.1s forwards;
    animation:fadeUp 350ms linear 2.1s forwards
}
.actived .project-item:nth-child(30n+15) .inner{
    -webkit-animation:fadeUp 350ms linear 2.25s forwards;
    animation:fadeUp 350ms linear 2.25s forwards
}
.actived .project-item:nth-child(30n+16) .inner{
    -webkit-animation:fadeUp 350ms linear 2.4s forwards;
    animation:fadeUp 350ms linear 2.4s forwards
}
.actived .project-item:nth-child(30n+17) .inner{
    -webkit-animation:fadeUp 350ms linear 2.55s forwards;
    animation:fadeUp 350ms linear 2.55s forwards
}
.actived .project-item:nth-child(30n+18) .inner{
    -webkit-animation:fadeUp 350ms linear 2.7s forwards;
    animation:fadeUp 350ms linear 2.7s forwards
}
.actived .project-item:nth-child(30n+19) .inner{
    -webkit-animation:fadeUp 350ms linear 2.85s forwards;
    animation:fadeUp 350ms linear 2.85s forwards
}
.actived .project-item:nth-child(30n+20) .inner{
    -webkit-animation:fadeUp 350ms linear 3s forwards;
    animation:fadeUp 350ms linear 3s forwards
}
.actived .project-item:nth-child(30n+21) .inner{
    -webkit-animation:fadeUp 350ms linear 3.15s forwards;
    animation:fadeUp 350ms linear 3.15s forwards
}
.actived .project-item:nth-child(30n+22) .inner{
    -webkit-animation:fadeUp 350ms linear 3.3s forwards;
    animation:fadeUp 350ms linear 3.3s forwards
}
.actived .project-item:nth-child(30n+23) .inner{
    -webkit-animation:fadeUp 350ms linear 3.45s forwards;
    animation:fadeUp 350ms linear 3.45s forwards
}
.actived .project-item:nth-child(30n+24) .inner{
    -webkit-animation:fadeUp 350ms linear 3.6s forwards;
    animation:fadeUp 350ms linear 3.6s forwards
}
.actived .project-item:nth-child(30n+25) .inner{
    -webkit-animation:fadeUp 350ms linear 3.75s forwards;
    animation:fadeUp 350ms linear 3.75s forwards
}
.actived .project-item:nth-child(30n+26) .inner{
    -webkit-animation:fadeUp 350ms linear 3.9s forwards;
    animation:fadeUp 350ms linear 3.9s forwards
}
.actived .project-item:nth-child(30n+27) .inner{
    -webkit-animation:fadeUp 350ms linear 4.05s forwards;
    animation:fadeUp 350ms linear 4.05s forwards
}
.actived .project-item:nth-child(30n+28) .inner{
    -webkit-animation:fadeUp 350ms linear 4.2s forwards;
    animation:fadeUp 350ms linear 4.2s forwards
}
.actived .project-item:nth-child(30n+29) .inner{
    -webkit-animation:fadeUp 350ms linear 4.35s forwards;
    animation:fadeUp 350ms linear 4.35s forwards
}
.actived .project-item:nth-child(30n+30) .inner{
    -webkit-animation:fadeUp 350ms linear 4.5s forwards;
    animation:fadeUp 350ms linear 4.5s forwards
}
.actived .project-item:nth-child(30n+31) .inner{
    -webkit-animation:fadeUp 350ms linear 4.65s forwards;
    animation:fadeUp 350ms linear 4.65s forwards
}
.actived .project-item:nth-child(30n+32) .inner{
    -webkit-animation:fadeUp 350ms linear 4.8s forwards;
    animation:fadeUp 350ms linear 4.8s forwards
}
.actived .project-item:nth-child(30n+33) .inner{
    -webkit-animation:fadeUp 350ms linear 4.95s forwards;
    animation:fadeUp 350ms linear 4.95s forwards
}
.actived .project-item:nth-child(30n+34) .inner{
    -webkit-animation:fadeUp 350ms linear 5.05s forwards;
    animation:fadeUp 350ms linear 5.05s forwards
}
.actived .project-item:nth-child(30n+35) .inner{
    -webkit-animation:fadeUp 350ms linear 5.2s forwards;
    animation:fadeUp 350ms linear 5.2s forwards
}
.actived .project-item:nth-child(30n+36) .inner{
    -webkit-animation:fadeUp 350ms linear 5.35s forwards;
    animation:fadeUp 350ms linear 5.35s forwards
}
.actived .project-item:nth-child(30n+37) .inner{
    -webkit-animation:fadeUp 350ms linear 5.5s forwards;
    animation:fadeUp 350ms linear 5.5s forwards
}
.actived .project-item:nth-child(30n+38) .inner{
    -webkit-animation:fadeUp 350ms linear 5.65s forwards;
    animation:fadeUp 350ms linear 5.65s forwards
}
.actived .project-item:nth-child(30n+39) .inner{
    -webkit-animation:fadeUp 350ms linear 5.8s forwards;
    animation:fadeUp 350ms linear 5.8s forwards
}
.actived .project-item:nth-child(30n+40) .inner{
    -webkit-animation:fadeUp 350ms linear 5.95s forwards;
    animation:fadeUp 350ms linear 5.95s forwards
}
.actived .project-item:nth-child(30n+41) .inner{
    -webkit-animation:fadeUp 350ms linear 6.1s forwards;
    animation:fadeUp 350ms linear 6.1s forwards
}
.actived .project-item:nth-child(30n+42) .inner{
    -webkit-animation:fadeUp 350ms linear 6.25s forwards;
    animation:fadeUp 350ms linear 6.25s forwards
}
.actived .project-item:nth-child(30n+43) .inner{
    -webkit-animation:fadeUp 350ms linear 6.4s forwards;
    animation:fadeUp 350ms linear 6.4s forwards
}
.actived .project-item:nth-child(30n+44) .inner{
    -webkit-animation:fadeUp 350ms linear 6.55s forwards;
    animation:fadeUp 350ms linear 6.55s forwards
}
.actived .project-item:nth-child(30n+45) .inner{
    -webkit-animation:fadeUp 350ms linear 6.7s forwards;
    animation:fadeUp 350ms linear 6.7s forwards
}
.actived .project-item:nth-child(30n+46) .inner{
    -webkit-animation:fadeUp 350ms linear 6.85s forwards;
    animation:fadeUp 350ms linear 6.85s forwards
}
.actived .project-item:nth-child(30n+47) .inner{
    -webkit-animation:fadeUp 350ms linear 7s forwards;
    animation:fadeUp 350ms linear 7s forwards
}
.actived .project-item:nth-child(30n+48) .inner{
    -webkit-animation:fadeUp 350ms linear 7.15s forwards;
    animation:fadeUp 350ms linear 7.15s forwards
}
.actived .project-item:nth-child(30n+49) .inner{
    -webkit-animation:fadeUp 350ms linear 7.3s forwards;
    animation:fadeUp 350ms linear 7.3s forwards
}
.actived .project-item:nth-child(30n+50) .inner{
    -webkit-animation:fadeUp 350ms linear 7.45s forwards;
    animation:fadeUp 350ms linear 7.45s forwards
}
.actived .project-item:nth-child(30n+51) .inner{
    -webkit-animation:fadeUp 350ms linear 7.6s forwards;
    animation:fadeUp 350ms linear 7.6s forwards
}
.actived .project-item:nth-child(30n+52) .inner{
    -webkit-animation:fadeUp 350ms linear 7.75s forwards;
    animation:fadeUp 350ms linear 7.75s forwards
}
.actived .project-item:nth-child(30n+53) .inner{
    -webkit-animation:fadeUp 350ms linear 7.9s forwards;
    animation:fadeUp 350ms linear 7.9s forwards
}
.actived .project-item:nth-child(30n+54) .inner{
    -webkit-animation:fadeUp 350ms linear 8.05s forwards;
    animation:fadeUp 350ms linear 8.05s forwards
}
.actived .project-item:nth-child(30n+55) .inner{
    -webkit-animation:fadeUp 350ms linear 8.2s forwards;
    animation:fadeUp 350ms linear 8.2s forwards
}
.actived .project-item:nth-child(30n+56) .inner{
    -webkit-animation:fadeUp 350ms linear 8.35s forwards;
    animation:fadeUp 350ms linear 8.35s forwards
}
.actived .project-item:nth-child(30n+57) .inner{
    -webkit-animation:fadeUp 350ms linear 8.5s forwards;
    animation:fadeUp 350ms linear 8.5s forwards
}
.actived .project-item:nth-child(30n+58) .inner{
    -webkit-animation:fadeUp 350ms linear 8.65s forwards;
    animation:fadeUp 350ms linear 8.65s forwards
}
.actived .project-item:nth-child(30n+59) .inner{
    -webkit-animation:fadeUp 350ms linear 8.8s forwards;
    animation:fadeUp 350ms linear 8.8s forwards
}
.actived .project-item:nth-child(30n+60) .inner{
    -webkit-animation:fadeUp 350ms linear 8.95s forwards;
    animation:fadeUp 350ms linear 8.95s forwards
} */
.project-item:hover .img img{
    top: 0;
    transform: translateY(0);
}
.project-implemented{
    box-shadow: initial;
}
.domain-search{
	box-shadow: initial;
}
.trial-section{
    height: auto;
}
.trial-section .domain-list{
    max-height: 100%;
}
.banner-page.bg-customize .container{
    text-align: left;
    justify-content: start;
}
.banner-page.bg-customize .title-main{
	color: #08B;
	margin-bottom: 25px;
}
@media screen and (min-width: 1600px){
    .banner-page.bg-customize .container{
    	min-height: 800px;
    }
}
@media screen and (min-width: 992px){
	.banner-page.bg-customize .container {
	    min-height: 600px;
	}
}
.theme-filter__category .item:nth-child(5n+1),
.theme-filter__category .item:nth-child(5n+2),
.theme-filter__category .item:nth-child(5n+3),
.theme-filter__category .item:nth-child(5n+4),
.theme-filter__category .item:nth-child(5n+5){
	background-color: transparent;
	color: #000;
	border: 1px solid #CCC;
}
.theme-filter__category .item:nth-child(5n+1):hover,
.theme-filter__category .item:nth-child(5n+2):hover,
.theme-filter__category .item:nth-child(5n+3):hover,
.theme-filter__category .item:nth-child(5n+4):hover,
.theme-filter__category .item:nth-child(5n+5):hover{
	/* color: #53c1ae; */
	border: 1px solid #53c1ae;
}
.theme-filter__category .item:hover{
	background-color: #fff;
	color: #53c1ae;
}
.theme-filter__category .item.active1{
	background-color: #53c1ae;
	color: #fff;
}
.modal-title .title-lg.title-customize{
    text-transform: none;
}
.modal-dialog-scrollable .modal-body.modal-customize{
    padding: 0;
    padding-top: 1rem;
}
.modal-custom--sm .login-form .btn-gradient.btn-customize{
    margin-top: 15px;
}
.login-form__row.f-14{
    font-size: 14px;
}
.navigation-list .drop:hover .drop-list.flex-service-menu{
    display: block;
    min-width: 260px;
}
.navigation-list .drop-list>.item.one-service-menu{
    max-width: 100%;
    width: 100%;
    border-right: 0;

}
@media screen and (min-width: 1920px){
    .project-implemented__slider .slick-slide {
        padding: 10px 15px;
        margin-bottom: 0;
    }
    .project-implemented__container{
        padding-left: 0;
        padding-right: 0;
    }
}
@media screen and (min-width: 1600px){
    .slick-prev {
        left: -20px;
    }
    .slick-next {
        right: -20px;
    }
    .about-flatform h5.sum{
        font-size: 1.25rem;
    }
}
@media screen and (max-width: 1200px){
    .about-flatform h5.sum{
        font-size: 1rem;
    }
    .about-flatform .about-flatform__item {
        margin-bottom: 4rem !important;
    }
}
@media screen and (min-width: 768px){
    .project-implemented {
        padding-top: 60px;
        padding-bottom: 0;
    }
}
.about-flatform .about-flatform__item {
    margin-bottom: 6rem;
}
.about-flatform h5.sum{
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
}
.about-flatform .content{
    margin-top: 8px;
}
.theme-filter__category .inner{
    justify-content: left;
}