/*CSS Loader*/

.box-loader {
    position: fixed;
    background: #003c55c2;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1020;
    display: flex;
    align-items: center;
    justify-content: center;
}

.loader {
    border: 10px solid #f3f3f3;
    border-radius: 50%;
    border-top: 10px solid #3498db;
    width: 50px;
    height: 50px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/*End CSS Loader*/

/*CSS Custom*/

.color-primary{
    color:var(--primary);
}


a:hover{
    color:var(--primary)
}

a,a:active,a:focus,a:hover{text-decoration:none; outline: none;}

h1{
    font-size:36px !important;
    line-height: 42px;
}

h2{
    font-size:30px !important;
    font-weight:700;
    line-height: 20px;
}

h3{
    font-size:24px !important;
    line-height: 30px;
}

h4{
    font-size:22px !important;
    line-height: 28px;
}

h5{
    font-size:20px !important;
    line-height: 26px;
}
    
hr {
    margin: 0px;
    border: 1px solid var(--primary-background-gray);
}

.btn,.form-control{font-size:14px}

p{
    margin-bottom: 10px;
    color: #000;
}

ul{
    margin: 0;
}

.w80 {
    width: 80%;
    margin: auto;
}

.ptb--80 {
    padding: 5rem 0 !important;
}

.ptb-100 {
    padding: 100px 0;
}

.mt--30 {
    margin-bottom: 2rem !important;
}

.mb--30 {
    margin-bottom: 2rem !important;
}

.mb--20 {
    margin-bottom: 1rem !important;
}

.mt--15 {
    margin-top: 1.5rem !important;
}

.mr-4, .mx-4 {
    margin-right: 1.5rem!important;
}

.mb-30 {
    margin-bottom: 30px;
}

.p-3 {
    padding: 1rem!important;
}

.mb-55 {
    margin-bottom: 55px;
}

svg {
    fill: currentcolor;
}

.intro-section svg {
    /*color: var(--primary-bold-first) !important;*/
}

svg.cart-svg {
    transform: rotate(-45deg);
}

svg.cart-svg, svg.menu-list-svg{
    height: 30px;
    width: 30px;
}

svg.menu-list-svg {
    color: var(--primary);
}

svg.scroll-up, svg.cart-header-svg, svg.eye-svg, .social-svg svg  {
    width: 25px;
    height: 25px;
}

svg.scroll-up  {
    width: 40px;
    height: 40px;
}

.product-meta-view svg.eye-svg{
    width: 20px;
    height: 20px;
}

svg.link-svg, svg.date-svg  {
    width: 15px;
    height: 15px;
}

svg.link-svg{
    margin-left: 10px;
}

svg.home-svg, svg.date-svg {
    margin-right: 5px;
}

svg.home-svg {
    height: 16px;
    width: 16px;
}

.svg-intro-media svg{
    width: 30px;
    height: 30px;
}

.relative, .container{
    position: relative;
    z-index: 3;
}

.absolute{
    position: absolute;
}

.cursor {
    cursor: pointer;
}

.hover-bg:hover, .hover-bg.active{
    background-color: var(--primary) !important;
    color: var(--white) !important;
}

.hover-bg-bold{
    background-color: var(--primary-bold-first) !important;
    color: var(--white) !important;
}

.hover-bg-bold:hover{
    background-color: unset !important;
    color: var(--primary-bold-first) !important;
}

.overflow-hidden{
    overflow: hidden;
}

.md{
    display: block;
}

.text-left {
    text-align: left!important;
}

.text-right {
    text-align: right!important;
}

.float-right {
    float: right!important;
}

.slide-item {
    width: 90% !important;
}

.blog-area .slide-item {
    width: auto !important;
}

.two-text-line {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.three-text-line {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.text-cap{
    text-transform: capitalize;
}

button:focus {
    outline: none;
}



.align-items-center {
    -ms-flex-align: center!important;
    -webkit-box-align: center!important;
    align-items: center!important;
}

.flex-center {
    display: flex;
    align-items: center;
    justify-content: center;
}

.view{
    padding-right: 10px;
}

.btn-fullwidth {
    width: 100%;
    display: block;
}

.btn:hover, .checkout-payment .btn {
    color: var(--white) !important;
    background-color: var(--primary-bold-first);
    border: 1px solid var(--white);
}

.btn-style-2 {
    background: var(--white);
    color: var(--primary-bold-second) !important;
    border: 1px solid var(--primary-bold-second);
}

span.money, .ratings i, i.fa.fa-star.theme-star {
    color: #ff7601;
}

i.fa.fa-star.theme-star, .ratings i {
    color: #f9fd00;
    text-shadow: 1px 1px 1px #b2b506;
}

.product-price-old span.money{
    color: #9ca6c7;
}
.ratings i {
    display: inline-block;
    /*font-size: 1.3rem;*/
}

.row-item-section .background-css{
    background-attachment: unset;
}

.wrapper section.no-padding.no-padding{
    padding: 0 !important;
}

.customer_list-section {
    border: 1px solid var(--border-yellow);
    border-radius: 8px;
    background-color: unset !important;
}

.wrapper .col-item-section .section-commit, .wrapper .col-item-section .customer_list-section {
    padding-bottom: 45px !important;
}

.customer_list-section .container .slick-list {
    /* overflow: hidden; */
    width: 90%;
    margin: auto;
}

.wrapper section .title-section {
    font-size: 20px !important;
    text-transform: uppercase;
}

.wrapper section .title-section:before {
    content: "";
    height: 30px;
    width: 30px;
    display: inline-block;
    background: url(../image/icon-ngon-tay-click.png);
    background-repeat: no-repeat;
    vertical-align: baseline;
}

.wrapper section .title-section:after {
    content: "";
    width: 150px;
    border-bottom: 2px solid var(--primary);
    position: absolute;
    bottom: -.8rem;
}

.wrapper section .desc-section {
    margin: auto;
    margin-top: 2.5rem;
    width: 70%;
}

.grid {
    display: inline-grid;
}

.grid_2 {
    grid-template-columns: repeat(2, 1fr);
}

.grid_3 {
    grid-template-columns: repeat(3, 1fr);
}

.grid_4 {
    grid-template-columns: repeat(4, 1fr);
}

.grid_5 {
    grid-template-columns: repeat(5, 1fr);
}

/*End CSS Custom*/

/*Webkit bar*/

::-webkit-scrollbar {
      width: 10px;
}

::-webkit-scrollbar-track {
      background-color: #14303c;
}
::-webkit-scrollbar-thumb {
      background-color: #069fc7;
      border-radius: 2px; 
}

::-webkit-scrollbar-corner {
      background-color: #00000042;
      border-radius: 10px; 
}

/*End Webkit bar*/


/*CSS HEADER*/
.btn {
    border-radius: 50px;
    padding: 8.5px 27px;
}
input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
input[type=number]{-moz-appearance:textfield}
input:focus, textarea:focus{
    outline: 1px;
    box-shadow: 0px 0px 5px #b7dbff;
}::-moz-selection
{
    background:var(--primary-bold-first);
    color:var(--white);text-shadow:none
}::selection{
    background:var(--primary-bold-first);
    color:var(--white);text-shadow:none
}::-webkit-input-placeholder{
    color:#7884ac!important;
    opacity:1!important
    
}::-moz-placeholder{
    color:#7884ac!important;
    opacity:1!important
}
textarea{resize:none}img{max-width:100%;height:auto}.bg-overlay:after,.bg-rotate:before{height:100%;content:'';left:0}p:last-child{margin-bottom:0}
section.main-banner .slick-slide div {
    /*height: 785px;*/
    width: 100%;
    background-size: cover;
}

.wrapper section.main-banner{
    padding: 0px !important;
}

.box-infor {
    display: none;
    color: var(--white);
    word-break: break-word;
    padding: 200px;
}

.box-infor h2 {
    font-size: 30px !important;
    line-height: 35px;
}

.slick-active .box-infor {
    display: block;
}

.desc-banner {
    margin-bottom: 20px;
}
@media only screen and (max-width: 1024px){
    .main-header.sticking {
        margin-top: unset !important;
    }
    .sticky-header.mt-20 {
        margin-top: 0 !important;
    }
}
/*End CSS HEADER*/

/*CSS Product Archive*/


.shop-product-wrap.listview .mirora-product {
    display: none;
}

.mirora-product h2{
    font-size: 16px !important;
    font-weight: normal;
}

.shop-product-wrap.listview .mirora-product-list {
    display: block;
}

.shop-product-wrap.listview > [class*="col-"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 100%;
    -moz-box-flex: 1;
    -moz-flex: 1 0 100%;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    width: 100%;
    max-width: 100%;
}

.shop-product-wrap .mirora-product {
    margin: 0 0;
}

.shop-product-wrap .mirora-product-list {
    margin-bottom: 1rem;
}

.child-product-hover img{
    max-width: 50px;
}

span.money {
    color: #e20000;
}

.blog-area{
    position: relative;
    z-index: 2;
}
.child-product-hover button.slide-prev.slick-arrow, .child-product-hover button.slide-next.slick-arrow {
    top: 29%;
    bottom: 29%;
    /* height: unset; */
    background-color: #ffffff94 !important;
    color: #000 !important;
    font-size: 26px;
    border: 1px solid #ccc;
}

.child-product-hover button.slide-prev.slick-arrow {
    left: 0px;
    border-left: none;
}

.child-product-hover button.slide-next.slick-arrow {
    right: 0px;
    border-right: none;
}
/*End CSS Archive*/

/*CSS SCROLL TOP*/
.scroll-to-top {
    position: fixed;
    right: 1rem;
    bottom: 1rem;
    overflow: hidden;
    z-index: 999;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: block;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    color: var(--primary);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 0px 30px #14b7e282;
    background-color: var(--white);
}

.scroll-to-top:hover{
    background-color: var(--primary);
    border: 1px solid var(--white);
    color: var(--white);
    animation: bounce 1.5s infinite;
}

.scroll-to-top i {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.cart-success {
    position: fixed;
    background-color: var(--primary-bold-first);
    color: var(--white) !important;
    border-radius: 10px;
    padding: 10px 15px;
    top: 150px;
    right: 20px;
    display: flex;
    justify-content: space-between;
    color: #242424;
    transition: .2s;
    opacity: 0;
    z-index: -1;
}

.cart-success .icon {
    width: 25%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cart-success .icon i {
    font-size: 30px;
}
.cart-success .message {
    width: 75%;
}

.cart-success-active {
    z-index: 3 !important;
    opacity: 1 !important;
}

.item-price-cart {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

@media only screen and (min-width: 768px){
    .cart-scroll {
        display: block;
        bottom: 140px;
    }
}
/*End CSS SCROLL TOP*/

/*CSS BANNER*/
.main-banner.banner--4 {
    padding: 100px 0 75px;
}
.main-banner {
    min-height: 630px;
}
canvas#c, canvas#d {
    position: absolute;
    left: 0;
}

canvas#d {
    opacity: .1;
}
.banner-shape, canvas#c, canvas#d {
    top: 0;
    height: 100%;
    width: 100%;
}
.banner-content h2 {
    color: var(--white);
    font-size: 25px !important;
    margin-bottom:20px;
    color: var(--white);
    line-height: 30px;
}

.main-banner{min-height:630px}.main-banner:before{height:2000px}.banner-bg--img{position:absolute;top:-340px;left:0;right:0;bottom:0;-webkit-transform:skewY(-6deg);transform:skewY(-6deg);overflow:hidden;z-index:-1;width:100%;height:154%}.banner-bg--img>.bg-img--inner{width:100%;height:134%;background-size:cover;background-position:center center;background-repeat:no-repeat;-webkit-transform:skewY(6deg);transform:skewY(6deg);bottom:0;position:relative;padding-top:100px}.banner-content h2{color:var(--white);font-size:60px}.goDown{position:absolute;left:0;right:0;bottom:-33px;margin:auto;display:inline-block;width:66px;height:66px;border:3px solid var(--white);border-radius:100%;color:var(--white);text-align:center;background: var(--primary);font-size:18px;line-height:68px;cursor:pointer}
.banner--2 .btn.btn-transparent:hover{color:var(--white);background-color:#0063f8;border-color:#0063f8}.banner--2 .btn.btn-transparent{padding:13.5px 30px}.banner--2 .btn.btn-icon{padding:10.25px 30px}.btn-icon{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.btn-icon svg{margin-right:10px}.btn-icon svg path{stroke:var(--white);fill:var(--white)}.main-banner.banner--2{padding:200px 0 275px}.main-banner.banner--2 .banner-content h2{font-size:54px;line-height:1.3;margin-bottom:30px}.main-banner.banner--2 .banner-content p{margin-bottom:35px}.main-banner.banner--2 .banner-image{position:relative;text-align:right;margin-top:50px}.main-banner.banner--2 .animate-icon{position:absolute;-webkit-animation:iconAnimate 4s linear infinite;animation:iconAnimate 4s linear infinite}@-webkit-keyframes iconAnimate{0%,100%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}}@keyframes iconAnimate{0%,100%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}}.main-banner.banner--2 .animate-icon.animate-icon_1{bottom:15%;left:52%}.main-banner.banner--2 .animate-icon.animate-icon_2{bottom:27%;left:69%;-webkit-animation-delay:.5s;animation-delay:.5s}.main-banner.banner--2 .animate-icon.animate-icon_3{bottom:38%;left:86%;-webkit-animation-delay:1s;animation-delay:1s}.banner-shape{position:absolute;left:0;background-repeat:no-repeat}.banner-shape.shape_1{background-image:url(../img/home-3/left_shape.png);background-position:top right}
.banner-shape.shape_2{background-image:url(../img/home-3/right_shape.png);background-position:bottom left}canvas#c{position:absolute;left:0}.main-banner.banner--4{padding:100px 0 75px}
.banner-image.banner-img--4{position:relative}.banner-image.banner-img--4 img{margin:0;max-width:100%}.banner-image.banner-img--4 img:first-child{position:relative;z-index:4}
.banner-image.banner-img--4 img:nth-child(2){position:absolute;right:17%;top:40%;z-index:3}

.banner-content p{
    color: var(--white);
}
/*End CSS Banner*/

/*CSS Banner*/

section.main-banner.banner--4.position-relative {
    background-color: var(--primary);
}

.main-banner .container{
    z-index: unset;
}

.main-banner:after{
    content: "";
    background: url(../image/gon-song.png) bottom no-repeat;
    background-size: contain;
    position: absolute;
    right: -10px;
    bottom: -2px;
    left: -10px;
    display: block;
    height: 100%;
    z-index: 5;
    /*background-color: var(--primary);*/
}

.main-banner a {
    color: var(--white);
    border: 1px solid var(--white);
}

.banner-content{
    position: relative;
    z-index: 6;
}

.wrapper section:nth-child(2) {
    z-index: 3;
}

/*End CSS Banner*/

/*CSS Banner-cat*/

.features-section {
    position: relative;
    padding-top: 60px;
}

.app-feature-box {
    margin-bottom: 30px;
}

.app-feature-box .feature-inner {
    position: relative;
    border: 2px solid var(--white);
    border-radius: 8px;
    padding: 32px 32px;
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.1);
    box-shadow: 0 0 10px rgba(0,0,0,.1);
    cursor: pointer;
    -webkit-transition: all .5s;
    transition: all .5s;
    background-color: var(--white);
}

.app-feature-box .feature-inner .app-feature-main {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 80px;
    align-items: center;
    justify-content: center;
}

.app-feature-box .feature-inner .app-feature-main .app-feature-inner {
    position: relative;
    padding-left: 95px;
}

.app-feature-box .feature-inner .app-feature-main .icon-block {
    display: inline-block;
    position: absolute;
    top: 0px;
    left: 0;
    /* top: 0; */
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.app-feature-box .feature-inner .app-feature-main .icon-block:before {
    content: "";
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFIAAABSCAYAAADHLIObAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkNEMjRGNkJEMjE2RTExRUFCNUQzOTJFMDhEQ0U0QjVEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkNEMjRGNkJFMjE2RTExRUFCNUQzOTJFMDhEQ0U0QjVEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6Q0QyNEY2QkIyMTZFMTFFQUI1RDM5MkUwOERDRTRCNUQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6Q0QyNEY2QkMyMTZFMTFFQUI1RDM5MkUwOERDRTRCNUQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5LVYo1AAALOUlEQVR42txd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);
    position: absolute;
    /* top: 0; */
    /* right: 0; */
    /* bottom: 0; */
    /* left: 0; */
    width: 85px;
    height: 85px;
    -webkit-animation: rotation 10s linear infinite;
    animation: rotation 10s linear infinite;
}

.app-feature-box .feature-inner .app-feature-main .icon-block .icon {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: var(--primary);
    color: var(--white);
    font-size: 40px;
    line-height: 50px;
    width: 65px;
    height: 65px;
    border-radius: 60px;
    text-align: center;
    -webkit-transition: all .5s;
    transition: all .5s;
    align-items: center;
    justify-content: center;
}

.app-feature-box .feature-inner .text {
    position: relative;
    color: #000;
    margin-top: 0;
}
.mdi-rocket:before {
    content: "\F463";
}

.feature-inner h4 {
    font-size: 1.5rem;
    text-align: left;
    font-weight: bold;
}

@media screen and (max-width: 320px)
{
    .app-feature-box .feature-inner {
        padding: 20px 20px 10px;
    }
    
    .app-feature-box .feature-inner .app-feature-main {
        display: inline-block;
    }
    
    .app-feature-box .feature-inner .app-feature-main .app-feature-inner {
        padding: 0;
    }
    
    .app-feature-box .feature-inner .app-feature-main .icon-block {
        position: unset;
        margin-bottom: 20px;
    }
}

/*End CSS Banner-cat*/

/*CSS Statistic*/
.counter-image {
    /*margin-right: 50px;*/
    position: relative;
}

.counter-image .rotmate-image {
    position: inherit;
    z-index: 2;
    /*opacity: 0.3;*/
}
.rotateme {
    animation-name: rotateme;
    animation-duration: 30s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.top-img {
    position: absolute;
    top: 90px;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

@-webkit-keyframes rotateme {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes rotateme {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

.statistic-item .fun_text {
    padding: 40px 10px;
    text-align: center;
    border-radius: 3px;
    margin-bottom: 30px;
    background-color: var(--primary-bold-first);
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

.statistic-item .icon-item {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.statistic-item .fun_text .counter-icon {
    color: #3078fb;
    display: block;
    font-size: 44px;
    padding-bottom: 10px;
    line-height: 50px;
    font-weight: 100;
}

.col-md-12 .statistic-item .counter-icon {
    width: 50%;
}

.statistic-item .fun_text .counter, .unit-counter {
    color: var(--white);
    display: block;
    font-size: 40px;
    padding-bottom: 10px;
    line-height: 44px;
    font-weight: 600;
}
.unit-counter {
    font-size: 30px;
    margin-left: 5px;
}
.statistic-item .fun_text > h4 {
    color: var(--white);
    font-size: 18px;
    text-transform: capitalize;
    margin-bottom: 0px;
    text-align: center;
}

@media (max-width: 991px) and (min-width: 768px)
{
    .statistic-item .fun_text {
        margin-bottom: 10px;
    }
}
@media (max-width: 991px) and (min-width: 768px)
{
    .statistic-item .fun_text {
        padding: 20px 10px;
    }
}
/*End CSS Statistic*/

/*CSS History*/

/*End CSS History*/

.left .history-item + .history-item {
    margin-top: 90px !important;
}

.history-block .history-title {
    color: #1762df;
}

.history-item {
    box-shadow: 0px 8px 16px 0px rgba(132, 190, 255, 0.1);
    margin-right: 55px;
    position: relative;
    background-color: var(--white);
}

.history-item .history-content span {
    color: var(--primary-bold-second);
    font-weight: 700;
}

.history-item .history-content .title {
    font-size: 26px;
    padding-top: 9px;
    color: #000;
}

.history-item .history-content {
    padding: 33px 40px 38px;
}

.history-item.history-item-2 .number-box {
    left: -100px;
}

.history-item .history-thumb img {
    width: 100%;
}

.history-item .number-box {
    display: none;
}
@media (max-width: 767px)
{
    .history-item {
        margin-right: 0;
        margin-top: 35px;
    }
    
    .left .history-item + .history-item {
        margin-top: 35px !important;
    }
    
    .left .history-item:nth-child(1) {
        margin-top: 0;
    }
}

@media (min-width: 767px)
{

    .history-item.history-item-2 {
        margin: 90px 0 0 55px;
    }

    .history-item .number-box {
        height: 60px;
        width: 60px;
        border-radius: 50%;
        border: 4px solid var(--primary);
        position: absolute;
        top: -25px;
        right: -99px;
        background: var(--white);
        z-index: 5;
        text-align: center;
        display: block;
    }
    .history-item .number-box span {
        line-height: 55px;
        font-weight: 700;
        color: #002249;
    }

    .history-item.history-item-2::after {
        left: -72px;
    }

    .history-item::after {
        position: absolute;
        content: '';
        right: -70px;
        top: 0;
        height: 100%;
        width: 2px;
        background: #1796cc24;
    }
}

/*CSS Partner*/

.partner .partner-title {
    color: #1762df;
}

.section-title-two {
    margin-top: 20px;
    padding-top: 20px;
    font-size: 16px;
    line-height: 1.625;
    color: var(--text-secondary);
}

.section-title-two .partner-description {
    margin-top: 20px;
    padding-top: 20px;
    font-size: 16px;
    line-height: 1.625;
    color: var(--text-secondary);
}

.section-title-two .partner-description:after {
    position: absolute;
    left: 0;
    right: 0;
    top: -1px;
    width: 50px;
    height: 2px;
    content: "";
    background-color: #1762df;
}

.brand-card-two {
    background-color: var(--white);
    -webkit-box-shadow: 0 5px 16px rgba(0,0,0,.1);
    box-shadow: 0 5px 16px rgba(0,0,0,.1);
    -webkit-transition: box-shadow .2s;
    -webkit-transition: -webkit-box-shadow .2s;
    transition: -webkit-box-shadow .2s;
    -o-transition: box-shadow .2s;
    transition: box-shadow .2s;
    transition: box-shadow .2s,-webkit-box-shadow .2s;
    min-height: 130px;
    border-radius: 10px;
}

@media (min-width: 992px)
{
    .section-title-two .partner-description {
        margin-top: 0;
        padding: 5px 20px;
    }
    .section-title-two .partner-description:after {
        height: 80%;
        top: 10%;
        right: auto;
        width: 3px;
    }
}

@media (max-width: 320px)
{
    .brand-card-two {
        min-height: unset;
        margin-bottom: 0;
    }
    
    .partner .animated > .row {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 10px;
    }
    
    .partner .animated > .row > div {
        max-width: 100%;
        flex: 0 0 100%;
        padding: 0;
    }
}

/*CSS Benefit*/

.benefits h3{
    line-height: 26px;
    font-weight: bold;
}

.benefits .benefits-card-three {
     -webkit-box-shadow: 0 6px 16px rgba(0,0,0,.1); 
     box-shadow: 0 6px 16px rgba(0,0,0,.1); 
    border-radius: 10px;
    background-color: var(--white);
}

.benefits-card-three .benefits-icon {
    background-color:  var(--primary);
    color: var(--white);
}

.benefits-card-three:hover .benefits-icon
{
    background: var(--white);
    color: #145af9;
}

.benefits-card-three:hover .benefits-icon svg
{
    color: var(--primary) !important;
}

.icon-wrapper {
    display: inline-block;
    color: currentColor;
    fill: currentColor;
}

.benefits-card-three .benefits-icon, .benefits-card-three .media-body
{
    padding: 20px;
    -webkit-transition: background-color .3s;
    -o-transition: background-color .3s;
    transition: background-color .3s;
}

.benefits-card-three .media-body {
    max-width: 100%;
}

.benefits-card-three .media-body div{
    color: #000;
}

.benefits-card-three:hover .media-body
{
    background: var(--primary);
    color: var(--white);
}

.benefits-card-three:hover .media-body h3, .benefits-card-three:hover .media-body div
{
    color: var(--white);
}

@media (min-width: 992px)
{
    .benefits-card-three .benefits-icon {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 30%;
        /*flex: 0 0 30%;
        max-width: 30%;*/
        text-align: center;
    }
}

/*ENd CSS Benefit*/

/*CSS FEATURES*/

.procedure-section h2
{
    margin-bottom: 15px
}

.feature-section p{
    margin-bottom: revert;
}

.feature-section .icon-size-md {
    font-size: 38px;
}

.feature-section .icon-size-md svg{
    width: 38px;
    height: 38px;
}

.feature-section h5 {
    font-weight: bold;
}

/*End CSS Features*/

/*CSS Procedure*/
.procedure-section .process-icon-item {
    position: relative;
    margin-bottom: 5.5rem;
}
.procedure-section .process-icon-item:last-child {
    margin: 0;
}

.procedure-section .process-icon-item .process-icon {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--white);
    height: 8.75rem;
    width: 8.75rem;
    line-height: 1;
    border-radius: 50%;
    box-shadow: 0 0 2.1875rem 0 rgba(119,119,120,.13);
    transition: all .5s ease-in-out;
}

.procedure-section .process-icon-item .process-icon i {
    font-size: 2.753rem;
}

.procedure-section .process-icon-item .process-content {
    flex: 1;
}

.procedure-section .process-icon-item .process-content h5
{
    font-weight: bold;
}

.procedure-section .process-icon-item svg.svg-line {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 80%;
}

.procedure-section .process-icon-item .process-icon svg {
    top: unset;
}

.work-process-wrap .right-shape .d-flex {
    flex-direction: row-reverse!important;
}
/*End CSS Procedure*/

/*CSS Customer*/
.customer-section button.slide-prev.slick-arrow{
    /*top: unset;*/
    left: 46%;
}
.customer-section button.slide-next.slick-arrow{
    /*top: unset;*/
    right: 46%;
}

.customer-section .slick-slide {
    margin: 0 10px;
}

.review {
    border: 1px solid #eff0f5;
    box-shadow: 0px 10px 20px 0px rgba(150, 176, 203, 0.05);
    border-radius: 5px;
    overflow: hidden;
}
.review-text {
    padding: 40px 30px 64px 30px;
    background-color: var(--white);
}
.client-profile {
    height: 119px;
    background-color: rgb(246, 246, 246);
    padding: 28px 0 27px 70px;
    position: relative;
}
.client-profile img {
    border-radius: 50%;
    width: 65px;
    height: 65px;
    float: left;
    margin-right: 24px;
}
.client-details {
    overflow: hidden;
    margin-top: 8px;
}

.client-details h2 {
    font-size: 18px;
    font-family: 'Poppins', sans-serif;
    color: rgb(34, 54, 69);
    font-weight: 700;
}
.client-details p {
    font-size: 14px;
    font-family: 'Rubik', sans-serif;
    color: rgb(100, 117, 137);
}
span.client-rating {
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
    color: rgb(255, 255, 255);
    font-weight: 700;
    padding: 12px 29px;
    background: var(--primary-bold-first);
    border-radius: 40px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
}
.client-rating svg {
    color: #ffec07 !important;
}

.quotes-svg {
    height: 30px;
    width: 30px;
    color: var(--primary);
}

.quotes-svg.quotes-svg-01 {
    transform: rotate(180deg)
}

.quotes-svg.quotes-svg-02 {
    float: right;
}

.review-text p {
    margin: 0;
}

@media screen and (max-width: 320px)
{
    .client-profile {
        padding: 30px 20px;
        /* display: inline-block; */
        width: 100%;
        box-sizing: border-box;
    }
    
    .client-details {
        margin: 0;
        /* width: 100%; */
        /* float: left; */
    }
    
    .client-details p {
        margin-bottom: 0;
    }
    
    .client-profile img {
        width: 50px;
        height: 50px;
    }
    
    .client-details h4 {
        line-height: 20px;
    }
}

/*End Css Customer*/

/*CSS Intro*/
.animated {
    -webkit-animation-duration: 1.25s;
    animation-duration: 1.25s;
}

.intro-section .col-left{
    width: 60%;
}

.intro-section .col-right{
    width: 40%;
}

.intro-section .slider-img {
    margin-top: 20px;
}

.elementor-row {
    width: 100%;
    /*display: -webkit-box;*/
    /*display: -ms-flexbox;*/
    display: flex;
    /*align-items: center;*/
    justify-content: center;
}

.elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated {
    padding: 10px;
}
.elementor-column-wrap {
    width: 100%;
}
.elementor-widget-wrap {
    position: relative;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: start;
    align-content: flex-start;
}
.elementor-widget {
    position: relative;
}
.elementor:not(.elementor-bc-flex-widget) .elementor-widget-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.elementor-widget-wrap>.elementor-element {
    width: 100%;
}
.elementor-section {
    position: relative;
}
.elementor-section.elementor-section-boxed > .elementor-container {
    max-width: 1080px;
}
.elementor-section .elementor-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: auto;
    margin-left: auto;
    position: relative;
}

.elementor-widget:not(:last-child) {
    margin-bottom: 20px;
}
.elementor-widget-wrap>.elementor-element {
    width: 100%;
}
.elementor-element.elementor-element-2e3de4c7 > .elementor-widget-container {
    margin: 0px 0px 0px 41px;
    padding: 0px 0px 0px 0px;
}

.elementor-element.elementor-element-2f16562b {
    z-index: 2;
}
.elementor-element.elementor-element-2f16562b > .elementor-widget-container {
    margin: 17px 75px 0px 70px;
    padding: 0px 0px 0px 0px;
}

.elementor-image {
    position: relative;
}

.elementor-image a.btn-play-video.fancybox-media {
    position: absolute;
    top: 36%;
    bottom: 0;
    left: 45%;
}

.elementor-image a.btn-play-video.fancybox-media:hover {
    color: var(--white);
}

.elementor-element img {
    position: relative;
    height: auto;
    max-width: 100%;
    border: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-style: solid;
    border-width: 4px 4px 4px 4px;
    border-color: var(--white);
    border-radius: 4px 4px 4px 4px;
    box-shadow: 4px 4px 24px 0px rgba(0, 0, 0, 0.2);
}

.elementor-element.elementor-element-2f16562b .elementor-image img {
     left: 0%; 
}

.elementor-element.elementor-element-65222722 > .elementor-widget-container {
    margin: 20px 85px 40px -40px;
    padding: 0px 0px 0px 0px;
}

.elementor-element.elementor-element-71d33cff > .elementor-widget-container {
    margin: 0px 69px 0px -140px;
    padding: 0px 0px 0px 0px;
    position: relative;
}

.elementor-element.elementor-element-2f16562b .elementor-image img {
    left: 0%;
    width: 90%;
}

.elementor-element.elementor-element-71d33cff .elementor-image img {
    left: 0%;
}

.btn-cta:active, .btn-cta:focus, .btn-cta:hover {
    /*transform: translateY(8px);*/
}

.intro-section .icon-text h5 {
    font-weight: bold;
}

@media (min-width: 1000px)
{
    .elementor-element.elementor-element-71d33cff .elementor-widget-container .elementor-image {
        position: absolute;
        top: -25px;
    }
}

@media (max-width: 767px)
{
    .elementor-element.elementor-element-2f16562b > .elementor-widget-container {
        margin: 0px 0px 0px 14px;
    }
    .elementor-element.elementor-element-40194402 {
        width: 60%;
    }
    .elementor-element.elementor-element-ac0faf9, .elementor-element.elementor-element-317ca30 {
        width: 50%;
    }
}

@media (min-width: 768px)
{
    .elementor-section.elementor-section-height-full>.elementor-container {
        height: 100%;
    }
    .elementor-element.elementor-element-40194402 {
        width: 60%;
    }
    .elementor-element.elementor-element-ac0faf9 {
        width: 58.571%;
    }
    .elementor-element.elementor-element-317ca30 {
        width: 41.358%;
    }
}

@media (min-width: 768px)
{
    .elementor-section.elementor-section-height-full>.elementor-container {
        height: 100%;
    }
    .elementor-element.elementor-element-40194402 {
        width: 60%;
    }
    .elementor-element.elementor-element-ac0faf9 {
        width: 58.571%;
    }
    .elementor-element.elementor-element-317ca30 {
        width: 41.358%;
    }
}

@media (max-width: 1024px)
{
    .elementor-row {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .intro-section .col-left, .intro-section .col-right {
        width: 100%;
    }
    .intro-section .col-left .elementor-element-2f16562b > .elementor-widget-container {
        margin: 40px 40px 0px 70px;
    }
    .intro-section .col-left .elementor-element-2e3de4c7 > .elementor-widget-container {
        margin: 0px -40px 0px 10px;
    }
    .intro-section .col-left .elementor-element-65222722 > .elementor-widget-container {
        margin: 33px 30px 0px -44px;
    }
    .intro-section .col-left .elementor-element-71d33cff > .elementor-widget-container {
        margin: 40px 0px 0px -125px;
        padding: 0px 0px 0px 0px;
    }
}

@media (max-width: 320px)
{
    .intro-section .col-left .elementor-element-65222722 > .elementor-widget-container {
        margin: 13px 0px 0px -44px;
    }
    
    .intro-section .col-left .elementor-element-71d33cff > .elementor-widget-container {
        margin: -10px 0px 0px -55px;
    }
    
    .intro-section .col-left .elementor-element-2f16562b > .elementor-widget-container {
        margin: -15px 19px 0px 0px;
    }
    
    .nml-alo-ph-circle-fill {
        width: 40px;
        height: 40px;
    }
    
    .elementor-image a.btn-play-video.fancybox-media {
        width: 35px;
        height: 35px;
    }
}

/*End CSS INtro*/

/*RELATED NEWS*/
.wrapper section.related{
    /*padding-bottom: 0 !important;*/
}
.related{
    /*background-color: unset !important;*/
}
.related .slide-item{
    width: 100% !important;
    margin-top: 30px;
}

.related .title-related {
    padding: 0;
}

.related .title-related h2{
    color: var(--primary-bold-first);
    font-size: 20px !important;
    text-transform: capitalize;
}

h2.title-item-related {
    color: var(--white);
    font-size: 16px !important;
    margin-bottom: 8px;
}

.related .list-related{
    padding: 0;
}

.related .slick-slide {
    margin: 0 10px;
}

.single-post-area .section-title {
     padding-bottom: 0; 
    position: relative;
}
.nav-top .slick-btn {
    font-size: 2rem;
    top: -2.8rem;
    /* background: #242424; */
    width: 2rem;
    text-align: right;
    position: absolute;
    color: #000;
    background: unset;
}
.nav-top .slick-prev {
    right: 2rem;
}
.nav-top .slick-next {
    right: 0;
}
/*END NEWs RELATED*/

/*CSS NEWs*/

.blog-area .blog__content h3 a, .blog-area .post-content, .blog-area .post.sticky .post-title {
    color: var(--white);
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: -webkit-box !important;
    line-height: 18px !important;
    /*max-height: 48px !important;*/
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
}

.blog-area .post-info a {
    color: var(--white) !important;
}

.post-content p {
    word-break: break-word !important;
}

.post-content img {
    margin: 0 auto;
    display: block;
    max-width: 100%;
    max-height: 100%;
    height: auto !important;
    width: auto !important;
}

.post-info svg{
    color: var(--white) !important;
}

.blog-area .post.sticky .post-title {
    font-size: 2rem;
    margin-bottom: 5px;
}

.blog-area .post-content, .blog .post-content {
    /*margin-bottom: .5rem;*/
    font-size: 2rem;
    word-break: break-word !important;
    font-size: 14px;
    padding: 0;
    /*display: none !important;*/
}

article.post.sticky.single-post.format-image {
    position: relative;
    overflow: hidden;
}

.blog-area .post-info {
    /*padding: 53% 15px 0;*/
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 34, 73, 0.4);
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    /*transition: all 0.3s ease-out 0s;*/
    z-index: 5;
    /* padding: 20px; */
}

h2.post-title {
    color: var(--white);
    font-size: 16px !important;
}

.blog-area .post-info:hover {
    background: linear-gradient(#1796cc85, #1795cbe8, var(--primary-bold-second));
    /*padding-top: 45%;*/
}
.content-post-info {
    position: absolute;
    bottom: 3%;
    left: 5%;
    right: 5%;
    transition: all 0.3s ease-out 0s;
}

.blog-area .post-info:hover .content-post-info {
    bottom: 10%;
    transition: all 0.3s ease-out 0s;
}

.blog-area .post-meta {
    color: var(--white);
    /*margin: 5% 0;*/
    display: flex;
}

.blog-area .eye, .blog-area .seen{
    padding-right: 5px;
}

.blog-area .post-view {
    /*position: absolute;*/
    right: 40px;
}

.blog-area .post-info .box-btn-read {
    margin: 0;
}

.blog-area .post-info .btn-read-more {
    color: var(--white);
    border: none;
    background: unset;
    border-bottom: 1px solid #cadef6;
}

.blog-area .post-info .btn-read-more:hover {
    color: var(--white);
    border-bottom: 1px solid var(--white);
}

.post-media img {
    max-width: 100%;
    width: 100%;
}

.blog-area .post-info .read-more{
    padding-left: 5px;
    color: var(--white);
}

@media screen and (min-wdith: 1366px)
{
    .blog-area .post-date {
        padding-right: 20px;
    }
    .blog-area .post-info .link-readmore{
        padding-left: 20px;
    }
}

/*CSS Dịch vụ*/

.post .post-description {
    color: #cadef6;
}

.box-btn-read {
    margin-top: 20px;
}
/*End CSS NEws*/

/*CSS DETAIL NEWS*/

.single-post-wrapper{
    padding-top: 40px;
}

.single-post-area span.view {
    display: flex;
    margin-left: 20px;
    align-items: center;
}

.single-post-area span.post-view {
    margin-left: 20px;
}

.single-post-area section{
    /*background-color: unset !important;*/
}

.entry-meta {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 5px;
}

.single-post-area .entry-meta {
    color: var(--white);
}

.social__sharing {
    margin-top: 20px;
}

.single-post-area .toc-block, .single-post-area .post-content ul li a {
    color: var(--primary);
}

.single-post-area .toc-block {
    margin-bottom: 20px;
}

.single-post-area ul, .single-post-area td {
    color: #000;
    padding-bottom: 10px;
}

.single-post-area table {
    width: 100%;
}

.single-post-area h2 {
    font-size: 18px;
    color: #000;
    /*margin-bottom: 20px;*/
}

.single-post-area .post-info {
    font-size: 15px;
}

.related .slick-arrow {
    top: -3.5rem;
    right: 0;
    width: 50px;
    padding: 15px;
    font-size: 35px !important;
}

.related button.slide-prev.slick-arrow {
    right: 5%;
    left: unset;
}

.related button.slide-next.slick-arrow {
    right: 14px;
}

.slick-list .mirora-product, .related .slick-active .slide-item:not(.single-post) {
    /*width: 93% !important;*/
}
/*End CSS Detail News*/

/*CSS GALLERy*/
.gallery-thumb-block {
    position: relative;
    overflow: hidden;
}
.gallery-thumb {
    /*height: 390px;*/
    object-fit: cover;
}
.meta-gallery-block {
    padding: 10px 15px;
    border: 1px solid #eff2ff;
}
.meta-gallery-block:hover {
    -webkit-box-shadow: 0 0 15px rgb(171 188 246 / 33%);
    -moz-box-shadow: 0 0 15px rgb(171 188 246 / 33%);
    -ms-box-shadow: 0 0 15px rgb(171 188 246 / 33%);
    -o-box-shadow: 0 0 15px rgb(171 188 246 / 33%);
    box-shadow: 0 0 15px rgb(171 188 246 / 33%);
    z-index: 3;
}
.meta-gallery {
    display: flex;
    justify-content: space-between;
    padding-top: 10px;
}
.meta-gallery .date-time {
    text-align: left;
    font-size: 13px;
    /*width: 50%;*/
}
.meta-gallery .data-seeding {
    display: flex;
    justify-content: flex-end;
    text-align: right;
}
.data-rate {
    margin-right: 5px;
}
.data-view {
    font-size: 13px;
    line-height: 23px;
}
.meta-gallery i {
    font-size: 13px;
    margin-right: 2px;
}

.gallery-hover {
    padding: 53% 15px 0;
    position: absolute;
    bottom: -100%;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 34, 73, 0.4);
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    /* z-index: 5; */
    /* padding: 20px; */
}

.slide-item:hover .gallery-hover{
    background: linear-gradient(#1796cc85, #1795cbe8, var(--primary-bold-second));
    padding-top: 35%;
    bottom: 0;
}

.gallery-sapo {
    position: absolute;
    bottom: 15%;
    left: 5%;
    right: 5%;
}

.date-time {
    position: absolute;
    bottom: 5%;
    right: 5%;
}

.gallery-search, .gallery-video-play {
    position: absolute;
    top: 45%;
    left: 30%;
}

.gallery-link, .gallery-video-link{
    margin-left: 10px;
    position: absolute;
    right: 30%;
    top: 45%;
}

svg.search-gallery-svg, svg.play-gallery-svg, svg.link-gallery-svg{
    height: 50px;
    width: 50px;
    color: var(--white);
}

svg.search-gallery-svg:hover, svg.play-gallery-svg:hover, svg.link-gallery-svg:hover
{
    
}
/*End CSS GAllery*/

/*CSS COMMIT*/

.row-item-section {
    grid-gap: 30px;
    margin: 70px 0;
}
.section-commit {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 8px;
}

.section-commit .section-heading, .customer_list-section .section-heading {
    margin-bottom: 20px !important;
}

.section-commit .desc-section {
    text-align: justify;
}

.section-commit .content {
    color: var(--white);
}

.section-commit p {
    color: var(--white);
}

.image-bottom {
    text-align: center;
    height: 5em;
    margin-top: 15px;
}

.image-bottom img {
    max-width: 100%;
    max-height: 100%;
}

.section-commit .name {
    margin-top: 10px;
    color: var(--primary-bold-first);
}
/*End CSS Commit*/

/*CSS CUSTOMER_LIST*/
.item-image-customer_list {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

/*End CSS CUstomer List*/

/*CSS STAFF*/
.item-team-member {
    padding: 10px;
    position: relative;
}

.item-team-member .content {
    padding: 10px;
    text-align: center;
}

.item-team-member .image {
    border-radius: 10px;
    overflow: hidden;
}

.item-team-member .title {
    margin: 3px 0;
    font-size: 16px;
}

.team_icons_wrapper {
    position: absolute;
    bottom: 5rem;
    padding: 20px;
    z-index: 1;
    left: 0;
    right: 0;
    opacity: 0;
    transition: .2s;
}

.item-team-member:hover .team_icons_wrapper {
    opacity: 1;
    transition: .2s;
}

.social-svg {
    padding: 8px 9px 4px;
    background: var(--primary);
    /* height: 42px; */
    /* width: 45px; */
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin: 0 5px;
}
/*End CSS Staff*/

/*CSS PRICE*/
.price-item{
    background: var(--white);
    transition: .2s;
    box-shadow: 0px 0px 3px #cde;
    width: 93%;
    margin: auto;
}

.price-item:hover, .price-item.active {
    box-shadow: 0 1rem 3rem rgba(31,45,61,.125)!important;
    transform: translateY(-5px);
    border-top: 4px solid var(--primary);
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    transition: .2s;
}

.price-image-big {
    overflow: hidden;
    padding: 10px 0;
}
.price-image-big img {
    max-height: 100px;
}

.price-item .title {
    padding: 10px 0 20px;
    font-weight: bold;
    text-align: center;
}

.price-item .title p {
    text-align: center;
}

.price-item label {
    margin-bottom: 0;
}

.price-item .price-old {
    text-decoration: line-through;
}

.price-item .content .row-data img{
    margin-right: 10px;
}

.price-item .content .row-data {
    padding: 10px 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.price-item .content .row-data:nth-child(2n) {
    background: var(--white);
}

.price-item .content .row-data:nth-child(2n+1) {
    background: var(--primary-second);
}

.price-item .content .row-data .icon {
    margin-right: 5px;
}

.price-item .content .row-data img{
    max-height: 3rem;
}

button.btn-select-price, .js-popup_infor {
    border-radius: 20px;
    background: var(--primary);
    color: var(--white);
    border: none;
    padding: 5px 15px;
}
/*End CSS Price*/

/*CSS CORES VALUE*/

.core-value-item {
    background: var(--white);
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0px 5px 20px 0px rgba(150, 176, 203, 0.15);
    transition: 0.3s;
    border-radius: 5px;
}

.core-value-item:hover {
    box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.15);
    transition: 0.3s;
}

.cores-value-content .title{
    font-size: 16px;
}

.cores-value .title a {
    font-weight: bold;
}
/*End CSS CORES VALUE*/

/*CSS MISSION*/

.mission-section .desc-section {
    width: 100% !important;
    max-width: 100%;
    text-align: justify !important;
}

.mission-section .desc-section p {
    text-align: justify !important;
}

.mission-section .list-image{
    width: 400px;
    height: 400px;
    text-align: center;
    z-index: 1;
    border-radius: 50%;
    margin-left: auto;
    margin-right: auto;
}

.mission-section .list-image img {
    box-shadow: 1px 1px 20px #ccc;
    border-radius: 50%;
}

.mission-section .list-image:before {
    content: "";
    right: 0;
    top: 0;
    z-index: -1;
    border-radius: 50%;
    border: 6px dashed var(--primary-bold-first);
    -webkit-animation-name: rotateme;
    animation-name: rotateme;
    -webkit-animation-duration: 100s;
    animation-duration: 100s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

.mission-section .list-image img:first-child {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    margin-left: auto;
    margin-right: auto;
}

.mission-section .list-image img:nth-child(2), .mission-section .list-image .mission-svg:nth-child(2) {
    position: absolute;
    left: 0;
    top: 0;
}

.mission-section .list-image img:nth-child(3), .mission-section .list-image .mission-svg:nth-child(3) {
    position: absolute;
    right: -40px;
    top: 50%;
    transform: translateY(-50%);
}

.mission-section .list-image:before, .mission-section .list-image img:nth-child(4), .mission-section .list-image .mission-svg:nth-child(4) {
    position: absolute;
    left: 0;
    bottom: 0;
}

/*Svg*/
.mission-section .list-image .mission-svg {
    border: 1px solid #ccc;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    width: 100px;
    height: 100px;
}
.mission-section .list-image .mission-svg:first-child {
    width: 150px;
    height: 150px;
}
/*End svg*/

.mission-section .desc-section{
    width: 100% !important;
}

.mission-section .staff {
    margin-top: 25px;
    display: flex;
}

.mission-section .staff img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
}

.mission-section .staff .name {
    margin-left: 15px;
}

.mission-section .list-image h3 {
    font-size: 20px;
    color: var(--whiteColor);
    margin-bottom: 0;
}

.mission-section .list-image span {
    display: block;
    font-weight: 600;
    margin-top: 3px;
    color: #e3e3e3;
}
/*End Css MISSION*/

/*CSS SHOWCASE*/
.showcase-section .slick-slide{
    transform: scale(.85);
    opacity: .75;
    filter: blur(.5px);
    transition: transform .35s ease-out,filter .35s ease-out,box-shadow .35s ease-out,opacity .35s ease-out,-webkit-transform .35s ease-out,-webkit-filter .35s ease-out,-webkit-box-shadow .35s ease-out;
}

.showcase-section .slick-slide .image-item {
    position: relative;
    padding: 10px 5px;
}

.showcase-section .img-screen {
    border-radius: 10%;
}

.showcase-section .slick-current + .slick-active + .slick-active .img-screen {
    box-shadow: 0px 0px 15px #000000;
}

.showcase-section .box-phone {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0;
    right: 0;
    height: 100%;
    z-index: 3;
}

@media screen and (min-width: 1024px)
{
    
    .showcase-section .slick-current + .slick-active + .slick-active{
        opacity: 1;
        transform: scale(1);
        transition: transform .35s ease-out,filter .35s ease-out,box-shadow .35s ease-out,opacity .35s ease-out,-webkit-transform .35s ease-out,-webkit-filter .35s ease-out,-webkit-box-shadow .35s ease-out;
    }
}

@media screen and (max-width: 1024px)
{
    .showcase-section .slick-current + .slick-active{
        opacity: 1;
        transform: scale(1);
        transition: transform .35s ease-out,filter .35s ease-out,box-shadow .35s ease-out,opacity .35s ease-out,-webkit-transform .35s ease-out,-webkit-filter .35s ease-out,-webkit-box-shadow .35s ease-out;
    }
}

@media screen and (max-width: 768px)
{
    .showcase-section .slick-current{
        opacity: 1;
        transform: scale(1);
        transition: transform .35s ease-out,filter .35s ease-out,box-shadow .35s ease-out,opacity .35s ease-out,-webkit-transform .35s ease-out,-webkit-filter .35s ease-out,-webkit-box-shadow .35s ease-out;
    }
}
/*End CSS SHOWCASE*/

/*CSS THANKS*/
.thanks-section .box-content{
    z-index: 5;
}

.thanks-section .box-content .content{
    background-color: var(--primary-bold-second);
    padding: 55px;
}

.thanks-section .desc {
    text-align: left;
    margin-left: 20px;
    margin-bottom: 20px;
    font-size: 16px;
    color: var(--white);
}

.thanks-section .image-thanks {
    position: relative;
    right: 61%;
    top: 20%;
}

.thanks-section .staff, .thanks-section .staff h5{
    color: var(--white);
    text-align: center;
}

.thanks-section .staff img{
    width: 60px;
    height: 60px;
    border-radius: 50%;
}

.thanks-section .image-thanks img{
    max-width: unset;
}

.thanks-section button.slick-arrow {
    position: absolute;
    padding: 20px 25px;
    font-size: 25px;
}

.thanks-section button.slide-prev.slick-arrow {
    right: 15%;
    left: unset;
}

.thanks-section button.slide-next.slick-arrow {
    right: 5%;
}

@media only screen and (max-width: 1366px)
{
    .image-thanks {
        top: 10%;
    }
}
/*End CSS THanks*/

/*CSS SEARCH*/
.no-result-search{
    margin-top: 45px;
}

.section-title-search h2{
    font-size: 20px !important;
    text-transform: CAPITALIZE;
}

/*End CSS SEARCH*/

/*CSS FOOTER*/
    
.footer-top-info {
    display: flex;
}

.contact-info {
    margin-left: 20px;
}

.tw-footer {
    background-color: var(--primary-bold-second);
    position: relative;
    z-index: 2;
    padding: 75px 0 0;
}
.footer-classic {
    padding-top: 0;
    margin-top: 75px;
    position: relative;
}

.landing-page + footer {
    margin-top: 55px;
}

.footer-classic:before, .footer-classic:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: url(../image/footer_bg_shape_left.png) no-repeat center left /contain;
    z-index: -1;
}
.footer-classic:after {
    background: url(../image/footer_bg_shape_right.png) no-repeat center right /contain;
    left: auto;
    right: 0;
    z-index: -1;
}
.footer-top-info {
    background-color: var(--primary-bold-first);
    margin: 0 0 35px 0;
    padding-top: 32px;
    padding-bottom: 32px;
    box-shadow: -6.103px 11.478px 131px 0 rgba(0,0,0,.2);
    top: -55px;
    position: relative;
    z-index: 1;
}
.footer-widget:after {
    content: "";
    display: block;
    clear: both;
}
.footer-classic .contact-us {
    padding-left: 75px;
    margin-bottom: 0;
}
.tw-footer .contact-us {
    margin-top: 0;
    padding-left: 55px;
    margin-bottom: 0;
    position: relative;
    z-index: 2;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.tw-footer .contact-us:nth-child(2), .tw-footer .contact-us:nth-child(3)
{
    padding-left: 25px;
}
.footer-top-info .contact-icon {
    position: relative;
}

svg.location-svg, svg.phone-svg, svg.email-svg{
    height: 40px;
    width: 40px;
}

.footer-social-link .card-item {
    padding-left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.footer-social-link .card-item:first-child {
    padding-left: 15px;
}

.footer-social-link .card-item:last-child {
    padding-right: 0;
}

.social-footer-item{
    padding: 0 5px;
}

/*.footer-social-link svg {
    border: 1px solid var(--primary);
    border-radius: 50%;
    background-color: var(--primary-bold-first);
}*/

.footer-social-link .social-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.footer-social-link .social-icon li, .footer-social-link .social-icon li span {
    display: flex;
    align-items: center;
    padding: 0;
    margin: 0 3px;
}

.footer-social-link ul.social-icon li {
    border-radius: 50%;
    border: 1px solid #fff;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 5px !important;
}

.footer-social-link ul.social-icon  li:hover {
    background-color: var(--primary);
}

.footer-social-link ul.social-icon  li a:hover {
    margin-left: 0;
}

.footer-social-link ul li .svg-icon {
    margin: 0;
}

.footer-social-link ul li svg {
    height: 15px;
    width: 15px;
}

.footer-classic .contact-info p {
    margin-top: 3%;
}

.footer-classic .contact-us .contact-info {
    margin-left: 20px;
    color: var(--white);
}
.footer-classic .footer-top-info p {
    font-size: 14px;
}
.footer-widget p {
    margin-bottom: 27px;
}

.footer-classic .contact-us .contact-info h3 {
    margin-bottom: 0;
    font-size: 16px;
    color: var(--white);
}

.footer-classic .footer-top-info p, .footer-classic li a, .contact-info h3, .footer-widget h3, .footer-awarad p, .contact-info, .tw-footer-info-box p, .footer-widget a {
    color: var(--white);
}

.tw-footer-info-box .textwidget p {
    margin: 26px 0 32px;
}

.footer-classic .footer-widget ul li {
    margin-bottom: 5px;
    padding: 0;
}

.footer-top p, .footer-top a {
    font-size: 14px !important;
}

.footer-classic>ul>li.active>a:after, .footer-classic>ul>li:hover>a:after, .footer-menu>ul>li>a:after, .footer-menu>ul>li:hover>a {
    background-color:  var(--primary);
}

.footer-classic>ul>li.active>a:after, .footer-classic>ul>li:hover>a:after, .footer-classic>ul>li>a:hover:after {
    width: 100%;
}

.copyright {
    padding: 28px 0;
    margin-top: 55px;
    background-color: var(--primary-bold-three);
}

.text-copyright p {
    color: var(--white);
}

.footer-social-link ul{
    
}

.map-frame {
    width: 100%;
    height: 100%;
    position: relative;
}

.map-content {
    z-index: 10;
    position: absolute;
    top: 50px;
    left: 50px;
    width: 390px;
    background-color: black;
    color: #FFF;
}

.contact-page + .footer-classic{
    margin-top: 0 !important;
}

.col-footer-4 .widget-product p {
    margin-bottom: 5px;
}

.payments {
    display: block;
    margin: auto;
    margin-top: 10px;
}

.payments img {
    margin: 0 3px;
}

@media screen and (max-width: 1024px)
{
    .payments {
        display: grid !important;
        grid-template-columns: repeat(5,1fr);
        grid-gap: 5px;
    }
}

@media screen and (max-width: 1000px)
{
    
    .page-title {
        padding-top: 90px;
        padding-bottom: 20px;
    }

    .blog-area .slide-item {
        width: 100% !important;
    }
    
    /*res footer*/
    .footer-top-info
    {
        width: 100%;
    }
    .tw-footer .contact-us {
        display: block;
        padding: 0 20px;
        /* font-size: 14px; */
        text-align: center;
        word-break: break-word;
        /*max-width: 100%;*/
    }
    .tw-footer .contact-us:nth-child(3), .tw-footer .contact-us:nth-child(2) {
        width: 50%;
        max-width: 50%;
        float: left;
        padding: 0;
        margin-top: 10px;
    }
    
    .tw-footer .contact-us .contact-icon svg {
        width: 30px;
    }
    
    .tw-footer .contact-us h3 {
        display: none;
    }
    .tw-footer .contact-us .contact-info p {
        font-size: 14px !important;
        margin-top: 0;
    }
}

@media screen and (max-width: 767px)
{
    .payments {
        display: block !important;
    }
}

/*CSS SLICK*/
.slick-initialized .slick-slide {
    display: flex;
    align-items: center;
    justify-content: center;
}
/*End CSS SLick*/


@media screen and (max-width: 1220px)
{
    .blog-area .post-info{
        /*padding: 48% 15px 0;*/
    }
    
    .blog-area .post-info:hover
    {
        /*padding-top: 45%;*/
    }
    
    /*page SORT*/
    .breadcrumb-sort{
        max-width: 100%;
        flex: unset;
    }
}

@media screen and (max-width: 1200px)
{
    .slick-initialized .slick-slide {
        padding: 0 10px;
    }
    .blog-area .post.sticky .post-title
    {
        /*margin-bottom: 0;*/
    }
    .blog-area .post-info{
        /*padding: 45% 15px 0;*/
    }
    .seen{
        display: none;
    }
    
    span.text-view {
        display: none;
    }
    
    .thanks-section .container {
        overflow: hidden;
    }
    
    .contact-info {
        margin-left: 12px;
    }
    
    svg.location-svg, svg.phone-svg, svg.email-svg {
        height: 30px;
        width: 30px;
    }
}

@media screen and (min-width: 1024px)
{
    .post-details{
        /*width: 80%;*/
        margin: auto
    }
    
    .header-menu ul ul li a{
        width: 18rem;
    }
}

@media screen and (min-width: 1000px)
{
    .header-menu>ul>li+li {
        margin-left: 10px;
    }
}

@media screen and (max-width: 1024px)
{
    .blog-area .post-date {
        padding-right: 17px;
    }
    .blog-area .post-meta {
        margin-top: 0;
        width: 100%;
    }
    
    .col-sm-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    
    .mission-image{
        margin-bottom: 45px;
    }
    
    .footer-top-info .contact-item{
        width: 50%;
        float:left;
    }
    
    .footer-top-info .contact-icon svg {
        height: 25px;
        width: 25px;
        margin-top: 5px;
    }
    
    .contact-icon {
        width: 20%;
        overflow: hidden;
        display: inline-block;
        text-align: center;
    }
    
    .contact-info {
        width: 76%;
        /* float: left; */
        display: inline-block;
    }
    
    .clear {
        clear: both;
    }
}

@media screen and (min-width: 990px) and (max-width: 1010px)
{
    .header-menu>ul, .header-menu>ul>li>ul
    {
        display: block !important;
    }
    
    .header-menu>ul>li+li:before{
        display: none;
    }
    
    .header-menu>ul>li+li {
        margin-left: 3%;
    }
    .sticking .header-menu>ul>li+li:before {
        display: none;
    }
}

@media screen and (max-width: 990px)
{
    .header-menu #menu-button {
        display: block;
    }
    
    section.main-banner .slick-slide div{
        /*height: auto !important;*/
    }
    
    section.main-banner .box-infor {
        padding: 150px 50px;
    }
    
    .customer_list-section ul.slick-dots {
        bottom: -5%;
    }
    
    .banner-content {
        /*margin-top: 20%;*/
    }
    .row-item-section{
        display: block;
    }
    
    .row-item-section section:nth-child(n+1) {
        margin-bottom: 35px;
    }
    
    .section-in-col .col-item-section {
        max-width: 100%;
        width: 100%;
    }
    
    .breadcrumb-sort
    {
        width: 100%;
    }
    
    .blog-area .post.sticky .post-title
    {
        /*margin-bottom: 20px;*/
    }
    
    .product-details-top {
        margin-top: 15px;
    }
    
    .content-contact{
        display: block;
    }
    
    section.mirora-single-product {
        /*padding: 0 20px;*/
        /*margin-top: 20px;*/
    }
    
    section.mirora-single-product .product-details-price-wrapper span {
        font-size: 25px;
    }
    
    section.mirora-single-product .product-details-price-wrapper {
        padding: 10px;
        display: block;
        line-height: 25px;
    }
    
    section.mirora-single-product .view-item {
        margin-top: 5px;
    }
    
    section.mirora-single-product .product-details-action-top {
        display: block;
    }
    
    section.mirora-single-product .quantity {
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 767px)
{
    
    .header-menu>ul {
        width: 20rem !important;
        float: left;
        left: -10rem !important;
        z-index: 10000 !important;
    }
    /*Banner*/
    
    .banner-image.banner-img--4 img:nth-child(2) {
        max-width: 70px;
    }

    .banner-image.banner-img--4 img:first-child {
        left: 20%;
    }
    
    /*res header*/
    .col-icon-search, .col-icon-cart {
        width: 45%;
        padding: 0px;
    }
    
    .col-icon-cart {
        padding-left: 7px;
    }
    span.mini-cart__count {
        display: block !important;
    }
    
    /*res news*/
    
    .single-post {
         margin-bottom: 0px !important; 
    }
    
    .seen{
        display: block;
    }
    
    .blog-area .post-date, .blog-area .post-view {
        width: 50%;
        display: flex;
        align-items: center;
    }
    
    /*res ds KH*/
    
    .item-image-customer_list{
        width: 33.33%;
    }
    
    .thanks-section .image-thanks{
        display: none;
    }
    
    .btn-send-contact {
        /*margin-top: 20px;*/
    }
    
    /*Gallery detail*/
    .item-gallery-detail:nth-child(3)
    {
        margin-top: 30px;
    }
    
    /*page SORT*/
    
    .shop-toolbar .product-showing, .shop-toolbar .product-short
    {
        width: 50%;
    }
    
    .breadcrumb-url {
        margin-bottom: 6px;
    }
    
    .product-short {
        margin-top: 10px;
    }
    
    .col-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    
    .gallery-search, .gallery-video-play {
        left: 38%;
    }
    
    .gallery-link, .gallery-video-link {
        right: 38%;
    }
    
    .elementor-element.elementor-element-ac0faf9 {
        width: 60%;
    }
    
    .elementor-element.elementor-element-317ca30 {
        width: 37%;
    }
    
    .footer-top-info {
        display: inline-block;
    }
    
    .col-footer-4 {
        margin-top: 30px;
    }
}

@media screen and (max-width: 576px)
{
    
    .header-menu>ul {
        width: 21rem !important;
        left: -13rem !important;
    }
    
    .auto-container, .container {
        max-width: 90%;
        margin: auto;
    }
    
    .main-header .btn-transparent, .main-header .btn-transparent:hover{
        border: unset;
    }
    .main-header .btn-transparent:hover{
        background-color: unset;
    }
    .md{
        display: none;
    }
    .shop-toolbar .product-showing, .shop-toolbar .product-short, .text-select, .shop-toolbar .product-showing .nice-select, .shop-toolbar .product-short .nice-select, .breadcrumb-url, .product-short .text-select 
    {
        width: 100%;
    }
    
    .breadcrumb-url {
        margin-bottom: 3px;
    }
    
    section.mirora-single-product .product-details-bottom div {
        display: inline-block;
    }
    
    section.mirora-single-product .product-details-bottom .attribute-name {
        margin-bottom: 10px;
        width: 100%;
    }
    
    section.mirora-single-product .attribute-child:first-child {
        margin-bottom: 5px;
    }
    
    .footer-top-info .contact-item{
        width: 100%;
    }
    
    .contact-icon{
        width: 14%;
    }
}

@media screen and (max-width: 320px)
{
    .blog-area .post-info .read-more {
        display: none;
    }
    
    .gallery-search, .gallery-video-play {
        left: 27%;
    }
    
    .gallery-link, .gallery-video-link {
        right: 27%;
    }
    
    svg.search-gallery-svg, svg.play-gallery-svg, svg.link-gallery-svg {
        height: 35px;
        width: 35px;
    }
}




/*-------BANNER ---------*/

.banner-slider.row-slider {
  padding: 15% 0;
  z-index: 9;
}

.banner-slider .col-content {
    display: flex;
    align-items: center;
    justify-content: center;
}

.col-image, .image-list{
  height: 100%;
  width: 100%;
}

.banner-1 .image-list, .banner-3 .image-list {
    height: 500px;
}

.col-image .image-list img{
  position: absolute;
}

.banner-slider .banner-1 .animated-icon {
  /*-webkit-animation: iconAnimate 4s linear infinite;*/
  animation: zoomIn 2s, iconAnimate 4s linear infinite;
  /*animation-name: iconAnimate;
  animation-duration: 4s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;*/
  /*animation-delay: 3s;*/
}

.banner-slider .banner-1 .icon-1 {
  bottom: 17%;
  left: 49.5%;
}

.banner-slider .banner-1 .icon-2 {
  bottom: 28%;
  left: 67%;
  -webkit-animation-delay: .5s;
  animation-delay: .5s;
}

.banner-slider .banner-1 .icon-3 {
  bottom: 39%;
  left: 84%;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.banner-2 .image-list{
  height: 550px;
  display: flex;
  align-items: end;
  padding: 10% 0;
}

.banner-2 .icon-0 {
    /*top: -100%;*/
    position:;
    left: 6%;
    right: 0;
}

.banner-2 .icon-1 {
  left: 15%;
  z-index: 1;
  /*bottom: 0;*/
  top: 200px;
}

.banner-2 .icon-2 {
  left: 30%;
  /*top: -100%;*/
  -webkit-animation: iconAnimate 4s linear infinite;
  animation: iconAnimate 4s linear infinite;
}

.banner-2 .icon-3 {
  right: 0;
  top: 150px;
  z-index: 1;
}

.banner-2 .icon-4 {
  left: 15%;
  z-index: 0;
  bottom: 10%;
  top: 45%;;
}

.banner-2 .icon-5 {
  left: 0;
  bottom: 0;
  /*bottom: 5%;*/
  top: 300px;
}

.banner-3 .icon-1 {
    left: 0;
    top: 49%;
}

@keyframes animateLight {
  0%   {transform: scale(1);}
  25%  {transform: scale(1.3);}
  50%  {transform: scale(1.5);}
  75%  {transform: scale(1.3);}
  100% {transform: scale(1);}
}

.banner-3 .icon-2 {
    bottom: 20%;
    left: 10%;
    width: auto;
    animation: animateLight 4s linear infinite;
}

.banner-3 .icon-3 {
    bottom: 45%;
    left: 15%;
}

@keyframes animateMan {
  0%   {left: 25%;}
  25%  {left:30%;}
  50%  {left:35%;}
  75%  {left: 30%;}
  100% {left: 25%;}
}

.banner-3 .icon-4 {
    top: 46%;
    z-index: 1;
    animation-name: animateMan;
    animation-duration: 5s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-delay: 3s;
    /*animation: animateMan 5s linear infinite;*/
}

.banner-3 .icon-5 {
    right: 17%;
    top: 10%;
}

.banner-3 .icon-6 {
    height: 200px;
    right: 7%;
    bottom: 24%;
}

.banner-3 .icon-7 {
    right: -7%;
    bottom: 19%;
}

.banner-3 .icon-8 {
    bottom: 4%;
    right: 19%;
}

@keyframes animateMess {
  0%   {right: 5%; top:0;}
  25%  {right:16%; top:0;}
  50%  {right:16%; top:20px;}
  75%  {right: 5%; top:20px;}
  100% {right: 5%; top:0;}
}

.banner-3 .icon-9 {
    right: 16%;
    top: 3%;
    animation: animateMess 4s linear infinite;
}

.banner-4 .col-image {
    height: 500px;
}

.banner-4 img{
  animation-duration: 1s;
}

.banner-4 .icon-1 {
    right: -10%;
    height: 462px;
    bottom: 0%;
    animation-duration: 1s;
}

.banner-4 .icon-2 {
    height: 100px;
    right: 24%;
    top: 9%;
    animation-duration: 1.5s;
}

.banner-4 .icon-3 {
    right: 64%;
    top: 7%;
    height: 130px;
    animation-duration: 1.7s;
}

.banner-4 .icon-4 {
    bottom: -6%;
    right: 33%;
    width: 140px;
    animation-duration: 2.3s;
}

.banner-4 .icon-5 {
    left: 0;
    top: 43%;
    height: 167px;
    animation-duration: 2s;
}

@keyframes animateSearch {
  0%   {left: 30%; top:37%;}
  25%  {left:30%; top:32%;}
  50%  {left:34%; top:32%;}
  75%  {left: 34%; top:38%;}
  100% {left: 30%; top:38%;}
}

.banner-4 .icon-6 {
    height: 150px;
    left: 30%;
    top: 38%;
}

@media screen and (min-width: 1200px)
{
    .banner-slider.row-slider {
        padding: 12% 0 9%;
    }

    .banner-slider.row-slider ul.slick-dots {
        margin-top: 0;
    }
}

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

  .slider-item .row {
    margin: 0;
  }

  .image-list {
    height: 300px !important;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .banner-4 .col-image, .banner-1 .image-list{
    height: unset;
  }

  .banner-1 .col-image {
    padding-top: 30px;
  }

  .banner-1 .icon-1, .banner-1 .icon-2, .banner-1 .icon-3 {
    width: 10% !important;
    height: unset !important;
  }

  .banner-1 .icon-1 {
      left: 48% !important;
      bottom: 26% !important;
  }

  .banner-1 .icon-2 {
      left: 65% !important;
      bottom: 34% !important;
  }

  .banner-1 .icon-3 {
      left: 83% !important;
      bottom: 42% !important;
  }

  .banner-2 .image-list img, .banner-3 .image-list img {
    max-width: 50%;
  }

  .banner-2 .icon-0 {
    max-width: 100% !important;
  }

  .banner-2 .icon-1 {
    top: 27%;
  }

  .banner-2 .icon-3 {
    right: -15%;
    top: 28%;
  }

  .banner-2 .icon-4 {
      top: 38%;
      max-width: 80% !important;
  }

  .banner-2 .icon-5 {
      left: -10%;
      bottom: 0;
      top: unset;
      max-width: 30% !important;
  }

  .banner-3 .image-list img {
    max-width: 15%;
  }

  .banner-3 .icon-1 {
      left: -10%;
      top: 47%;
  }

  .banner-3 .icon-2 {
    bottom: 20%;
    left: 5%;
  }

  .banner-3 .icon-3 {
      top: 22%;
      left: 10%;
  }

  .banner-3 .icon-4 {
      top: 50%;
  }

  .banner-3 .icon-5 {
    max-width: 60% !important;
    right: 10%;
    top: 20%;
  }

  .banner-3 .icon-6 {
      max-width: 16% !important;
      height: unset;
      right: 0;
      top: 42%;
  }

  .banner-3 .icon-7 {
      right: -14%;
      bottom: 20%;
      max-width: 15% !important;
  }

  .banner-3 .icon-8 {
      bottom: 5%;
      max-width: 15% !important;
      right: 10%;
  }

  .banner-3 .icon-9 {
      right: -10%;
      max-width: 15% !important;
  }

  .banner-4 img {
    height: auto !important;
    max-width: 20%;
    max-height: 100%;
  }

  .banner-4 .icon-1 {
    max-width: 100%;
  }

  .banner-4 .icon-3 {
      left: 0;
  }

  .banner-4 .icon-4 {
      left: 32%;
      bottom: 3%;
  }

  .banner-4 .icon-2 {
      right: 30%;
      top: 15%;
  }

  .banner-4 .icon-5 {
      left: 0;
      top: 60%;
  }

  .banner-4 .icon-6 {
      top: 40%;
      left: 15%;
  }

  @keyframes animateSearch {
    0% {left: 15%; top:40%;}
    25% {left:15%; top:33%;}
    50% {left: 20%; top:33%;}
    75% {left: 20%; top:40%;}
    100% {left:15%; top:40%;}
  }
}

.banner-4 .icon-6 {
    animation: animateSearch 2s linear infinite;
}

.banner-5 .col-image {
    height: 500px;
}

@keyframes animateImg {
  0%   {transform: scale(.85);}
  25%  {transform: scale(1);}
  50%  {transform: scale(1.1);}
  75%  {transform: scale(1);}
  100% {transform: scale(.85);}
}

.banner-5 .icon-1 {
    animation: animateImg 4s linear infinite;
}

/*DOMAIN*/

/*CSS DOMAIN*/

/*module Domain*/

.form-domain {
    width: 100%;
}

.btn-type-search-domain {
    display: contents;
    /*grid-template-columns: repeat(2, 1fr);
    grid-gap: 15px;
    margin: auto;
    margin-bottom: 20px;*/
}

.btn-search-domain {
    border: 1px solid var(--primary);
    padding: 12px 15px;
    text-align: center;
}

.btn-search-domain.btn-search-one {border-radius: 4px 0 0 0px;}

.btn-search-domain.btn-search-multiple {
    border-radius: 0 4px 4px 0;
}

.btn-search-domain.active {
    background-color: var(--primary);
    color: #fff;
    font-weight: bold;
    text-shadow: 1px 1px 2px #1796cc;
}

.main-domain{
    background:#fff;position:relative;border-width: 3px;display: flex;
}

.domain-section select.list-domains, .domain-section-detail .list-domains {
    border: 1px solid #dee2e6;
    padding: 10px;
    border-right: none;
    display: block;
}

select.list-domains {
    
  /* styling */
  background-color: white;
  border: thin solid var(--primary);
  display: inline-block;
  font: inherit;
  line-height: 1.5em;
  padding: 0.5em 3.5em 0.5em 1em;

  /* reset */

  margin: 0;      
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-position: 
    calc(100% - 15px) calc(50%),
    calc(100% - 10px) calc(50%),
    100% 0;
  background-size:
    5px 5px,
    5px 5px,
    2.5em 2.5em;
  background-repeat: no-repeat;
  background-image:
    linear-gradient(45deg, transparent 50%, var(--primary) 50%),
    linear-gradient(135deg, var(--primary) 50%, transparent 50%),
    linear-gradient(to right, white, white);
}

select.list-domains:focus-visible {
    outline: #14b7e2;
}

.domain-section .domain-slider .slick-arrow {
    padding: 7px 5px;
    top: calc(calc(100% - 100px)/2);
    position: absolute;
    height: 100px;
    width: 80px;
    background-color: unset !important;
    color: var(--primary) !important;
}

.domain-section .domain-slider .slick-arrow:last-child {
    right: -2%;
}

.domain-section .domain-slider .slick-arrow:first-child {
    left: -2%;
}

.domain-section .domain-slider {
    margin-top: 20px;
}

.domain-section .item-domain .title-domain {
    font-size: 35px !important;
}

.domain-section .item-domain, .domain-section .item-domain .price-domain {
    text-align: center;
}

.domain-section .item-domain .price-domain .price {
    font-size: 18px;
    margin: 0;
    width: 100%;
}

.domain-section .item-domain .price-old {
    text-decoration: line-through;
    color: #707070;
    margin: 0;
}

.domain-section .item-domain .title-domain{
    text-align: center;
}

.form_multiple{
    display: none
}

/*End Module Domain*/

.domain-section-detail .form_multiple .btn-checkmul-domain {
    width: auto;
    padding: 15px 20px;
}

.domain-section-detail #multiple_domain {
    margin-top: 20px;
}

.result_find {
    border: 1px solid #6cd5f1;
    /* padding: 25px; */
    border-radius: 5px;
    margin: 10px 0;
}

.box_domain_search {
    margin-bottom: 30px;
}

.list_domain .title_box {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    /* padding: 10px; */
    background-color: var(--primary);
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.list_domain.domain_addcart .title_box {
    grid-template-columns: repeat(3, 1fr);
}

.list_domain .header_title {
    padding: 15px 10px;
    border-right: 1px solid #ccc;
    text-align: center;
}

.content_box .one_domain:nth-child(2n) {
    background-color: #e9e9e9;
}

.one_domain {
     display: grid; 
    /* grid-template-columns: repeat(3, 1fr); */
    padding: 10px 0;
    overflow: hidden;
    border-bottom: 1px solid #ccc;
    /*display: flex;*/
    align-items: center;
}

.one_domain svg {
    height: 25px;
    width: 25px;
}

.domain-owner {
    /* background-color: #ff5d5db3; */
    /* color: #fff; */
    padding: 10px;
    /* border-color: #ff8678; */
}

.domain-owner .domain-name svg, .domain-owner .domain-name span {
    /* color: #fff !important; */
}

.domain-name, .domain-price, .domain-addCart {
    padding: 0 10px;
    font-size: 15px;
    float: left;
    /*width: 33.33%;*/
    text-align: center;
}

.domain-price, .domain-sale_off {
    text-align: center;
}

.domain-price.domain-price_old {
    text-decoration: line-through;
    font-size: 15px;
    color: #ccc;
}

.domain-addCart {
    text-align: center;
    display: inline-block;
    /* color: #fff; */
    margin: auto;
}

.btn-addCart {
    background-color: var(--primary);
    padding: 10px;
    border-radius: 5px;
    width: fit-content;
    float: right;
}

.list_domain {
    width: 100%;
    grid-gap: 15px;
    margin-top: 20px;
}

.domain-section-detail textarea.listdomain {
    border-color: #dee2e6;
    border-radius: 5px;
    padding: 10px;
}

form#find_domain .text-message {
    margin: 20px 0;
}

.tab-domain {
    margin-bottom: 20px;
}

.list_domain label {
    display: flex;
    align-items: center;
}

.list_domain label input {
    margin-right: 5px;
}

.listdomain.text_mul_domain {
    border-color: #dddddd;
    border-radius: 3px;
    padding: 10px;
    width: 100%;
    height: 100px;
    border-top-left-radius: 0;
    border-right: none;
}

.title-check-domain {
    width: 100%;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.btn-check-domain {
    padding: 15px 20px;
    background: var(--primary);
    border-radius: 5px;
    color: #fff;
    float: right;
    border-top-left-radius: unset;
    border-bottom-left-radius: unset;
    font-size: 20px;
}

.text_one_domain {
    border-radius: 0px 0 0 4px;
    height: 70px;
    border-right: none;
}

.btn-checkone-domain {
    width: auto;
}

.domain-user {
    text-align: right;
}

.domain-section-detail {
    background-color: unset !important;
}

.domain-section-detail .btn-checkmul-domain
{
    width: 100%;
    border-radius: 4px;
    padding: 8px;
}

.form_one, .form_multiple {
    padding: 0;
    /*margin-top: 20px;*/
}

@media screen and (min-width: 1024px)
{
    /*.btn-search-domain:first-child {margin-left: auto;}*/
    .btn-search-domain.btn-search-multiple {
        margin-right: auto;
        float: left;
    }
    .form_one, .form_multiple {
        /*margin-top: 20px;*/
    }
}

@media screen and (max-width: 767px)
{
    .one_domain {
        grid-template-columns: repeat(3, 1fr);
    }
    
    .domain-section .domain-slider .slick-arrow
    {
        top: calc(calc(100% - 75px)/2);
        height: 75px;
        width: 75px;
    }
}

@media screen and (max-width: 567px)
{
    .main-domain{
        display: block;
    }
    
    .btn-type-search-domain {
        grid-template-columns: repeat(1, 1fr);
    }
    
    .btn-search-domain {
        width: 100%;
    }
    
    .text_one_domain {
        border-bottom: none;
        border-radius: 0;
        border-right: 1px solid #dee2e6;
    }

    .domain-section select.list-domains, .domain-section-detail select.list-domains {
        border-left: 1px solid #dee2e6;
        width: 50%;
        border-top: unset;
        border-radius: 0 0 0 4px;
        border-right: none;
    }
    
    .btn-check-domain {
        border-top: unset;
        border-radius: 0 0 4px 0 !important;
        width: 50%;
    }
    
    select.list-domains, .btn-checkone-domain {
        width: 50%;
        float: left;
        display: inline-block;
    }
    
    .btn-checkmul-domain {
        width: 100%;
        border-radius: 4px !important;
    }
    
    /*list domain result*/
    .list_domain .title_box {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .one_domain > div {
        margin-bottom: 5px;
    }
    
    .one_domain > div:last-child {
        margin-bottom: 0;
    }
    
    /*Box check mul*/
    .title-check-domain {
        margin-top: 20px;
    }
    
    .list_domain.domain_addcart {
        margin-top: 10px;
        display: block;
        overflow: hidden;
    }
    
    .list_domain.domain_addcart .title_box {
        display: block;
        margin-top: 10px;
    }
}

@media screen and (max-width: 400px)
{
    
    .btn-search-domain {
        width: 100%;
    }
    
    .btn-search-domain.btn-search-one {
        border-radius: 4px 4px 0 0;
    }
    .btn-search-domain.btn-search-multiple {
        border-radius: 0;
    }
    
    .text_one_domain {
        border-top: none;
    }

    .domain-section select.list-domains, .domain-section-detail select.list-domains {
        border-top: 1px solid #dee2e6;
    }

    .text_one_domain, .listdomain.text_mul_domain {
        border-right: 1px solid #dee2e6;
    }
}

/*End CSS DOMAIN