/*
Theme Name: CHILI Theme
Theme URI: http://www.wpbeaverbuilder.com
Version: 1.0
Description: Được phát triển bời team CHILI.ASIA
Author: CHILI Team
Author URI: https://www.chili.asia
template: bb-theme
*/

p{
    line-height: 1.6 !important;    
}


.fl-page-header-primary .fl-logo-img {
    max-height: 46px !important;
}
header.fl-page-header.fl-page-header-primary.fl-page-nav-right {
    position: absolute;
    z-index: 10;
    width: 100%;
    background: transparent;
}

.fl-page-fixed-nav-wrap .fl-page-nav-wrap .navbar-nav li > a {
    color: #111 !important;
}
.info-title {
    width: 66.66%;
    margin-left: 16.66%;
}
.fl-module-content {
    margin-top: 0;
    margin-bottom: 0;
}
#home .btn a.fl-button {
    padding: 11px 40px;
    border: 1px solid #fff;
    font-weight: 500 !important;
}
#home h1.uabb-infobox-title {
    margin-top: 115px !important;
}
.fl-builder-content .buy-now a.fl-button:focus * {
    color: #333333 !important;
}
.fl-builder-content .buy-now a.fl-button:hover * {
    color: #f6f6f6 !important;
}
.fl-builder-content .learn-more a.fl-button:focus * {
    color: #f6f6f6 !important;
}
.fl-builder-content .learn-more a.fl-button:hover * {
    color: #333333 !important;
}
#home .learn-more a.fl-button {
    background: transparent;
}
#home .learn-more a.fl-button:hover {
    background: #fff !important;
}
#home .buy-now a.fl-button:hover {
    background: transparent !important;
}
#home i.fa {
    display: none;
}
.uabb-image-carousel img {
    width: auto !important;
    height: auto !important;
}
#video i.uabb-modal-icon.fa.fa-play {
    height: 70px;
    width: 70px;
    line-height: 72px;
    background: #254cea;
    border-radius: 50%;
    color: #fff;
    padding-left: 5px;
}
#choose ul li {
    line-height: 1.9;
    font-size: 15px;
    font-weight: 500;
}
#choose .icon.choose-icon {
    margin-right: 15px;
    color: #254cea !important;
}
#pricing .uabb-image-carousel-caption-below {
    padding: 0;
}


#pricing .uabb-image-carousel button.button-style {
    padding: 7px 23px;
    font-size: 13px;
    border-radius: 0;
    border: none;
    color: #F6F6F6;
    font-weight: 500;
    background: #254cea;
}

#pricing .uabb-image-carousel-item {
    border: 1px solid #dee2e6!important;
    margin: 0 15px 0 15px;
}

#pricing .slick-list.draggable {
    height: 515px !important;
}
#pricing .fl-node-5ca1d4b616901 .fl-row-content-wrap {
    padding-top: 0;
    padding-bottom: 0;
}
a.uabb-infobox-cta-link {
    display: none !important;
}
.fl-builder-module-template{
    padding: 0;
}
#pricing i.fa {
    background: transparent;
    color: #111;
}
#pricing .uabb-creative-button-wrap a {
    padding: 12px 40px;
}
#pricing button.slick-arrow {
    top: 97% !important;
}

#pricing button.slick-prev.slick-arrow {
    left: 48% !important;
}

#pricing button.slick-next.slick-arrow {
    right: 49% !important;
}

#client .uabb-slider-prev {
    top: 120%;
    left: 47%;
}
#client .uabb-slider-next {
    top: 120%;
    right: 48%;
}
#client i.fa {
    background: none;
}
#subscribe input.wpcf7-form-control.wpcf7-text.wpcf7-email {
    border-radius: 0;
    margin-bottom: 0;
    display: block;
    padding: 27px 15px 27px 15px;
}
input.button-style.btn-block {
    padding: 15px 0;
    border-radius: 0;
    background: #254cea;
    font-size: 16px;
    color: #F6F6F6;
}
input.button-style.btn-block:hover {
    background: #000000;
    border: 1px solid #000;
}
#subscribe .col-lg-6.info-title {
    max-width: 50%;
    margin-left: 25%;
}
#faq .uabb-adv-accordion-button {
    padding: 16px 24px !important;
}
#faq .uabb-adv-accordion-item {
    margin-bottom: 0 !important;
    border: 1px solid rgba(0,0,0,.125);
}
.wpcf7-form input.wpcf7-form-control.wpcf7-text {
    padding: 22px;
    margin-bottom: 8px;
    border-radius: 0;
    font-size: 15px;
    color: #222;
}
.wpcf7-form textarea.wpcf7-form-control.wpcf7-textarea {
    height: 130px;
    margin-bottom: 8px;
    border-radius: 0;
    padding: 12px 20px;
}
.wpcf7-form .wpcf7-form-control-wrap{
    margin-bottom: 15px;
    display: block;
}
.wpcf7-form .wpcf7-form-control-wrap + br{
    display: none;
}
.buy-now h2.text-center.title {
    font-family: Raleway;
    font-weight: 500;
    font-size: 40px;
    line-height: 42px;
    margin-bottom: 20px;
    color: #111111;
}
.buy-now input.wpcf7-form-control.wpcf7-text {
    height: 45px;
    margin-bottom: 10px;
    border-radius: 0;
}
.buy-now select.wpcf7-form-control.wpcf7-select {
    width: 100%;
    height: 45px;
    margin-bottom: 20px;
    padding-left: 10px;
}
.buy-now input.wpcf7-form-control.wpcf7-submit.btn.btn-buy-now {
    background: #254cea;
    border: 1px solid #254cea;
    border-radius: 0;
    padding: 12px 30px;
    color: #f6f6f6;
    font-family: Raleway;
    font-weight: 500;
    font-size: 15px;
    line-height: 15px;
}
.fl-page-footer-text.fl-page-footer-text-1 {
    margin-left: 15px;
}
::-webkit-input-placeholder { /* WebKit browsers */
    color: #111 !important;
    opacity: 1;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #111 !important;
    opacity: 1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #111 !important;
    opacity: 1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #111 !important;
    opacity: 1;
}

@media only screen and (max-width: 1200px){
    .container {
        overflow-x: hidden;
    }

}


@media only screen and (max-width: 991px){
    #home .fl-row-content-wrap{
        padding-top: 97px !important;
        padding-bottom: 0 !important;
    }
    .img-banner .fl-row-content-wrap{
        padding-bottom: 0 !important;
    }
    .fl-page-header-container.container {
        padding-left: 15px !important;
    }
    header.fl-page-header.fl-page-header-primary.fl-page-nav-right {
        position: fixed;
        z-index: 10;
        width: 100%;
        background: #ffffff;
    }
    .fl-page-header-container.container {
        padding-top: 20px;
        padding-left: 0 !important;
    }
    .fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-medium-mobile .fl-page-nav .navbar-toggle {
        border: 1px solid #ddd;
        border-radius: 4px;
        padding: 8px 12px;
    }
    img.fl-logo-img {
        display: none;
    }
    .fl-logo-img.sticky-logo {
        display: block;
    }
    .fl-page-nav-toggle-icon .navbar-nav > li > a {
        color: #666 !important;
    }
    .uabb-image-carousel img {    
        max-width: 70%;
    }
    #home h1.uabb-infobox-title {
        font-size: 39px;
        margin-top: 48px;
    }
    #home .uabb-text-editor p {
        font-size: 17px;
    }
    #client .uabb-slider-next {
        top: 120%;
        right: 44%;
    }
    .fl-page-footer-text.fl-page-footer-text-1 {
        margin-left: 0;
    }
}


@media only screen and (max-width: 767px) {
    .fl-page-header-container.container {
        padding-left: 15px !important;
    }
    .fl-col-small{
        max-width: 100%;
    }
    #home .fl-col-small{
        max-width: 400px;
    }

    .fl-row-content-wrap{
       padding-top: 40px !important;
       padding-bottom: 40px !important;
    }
    .video-ungdung .fl-row-content-wrap,
    .banner-qc .fl-row-content-wrap{
       padding-top: 20px !important;
       padding-bottom: 0 !important;
    }

   #home .fl-row-content-wrap{
    padding-bottom: 0 !important;
   }

   .uabb-image-carousel img {
    max-width: 35%;
    margin-left: 30%;
    }
    .info-title {
        width: 100%;
        margin-left: 0;
    }
    #subscribe .col-lg-6.info-title {
        max-width: 100%;
        margin-left: 0;
    }
    #contact .fl-module-content {
        margin-right: 20px !important;
        margin-left: 20px !important;
    }
    #contact .col-md-12 {
        padding-left: 0;
        padding-right: 0;
    }
    #contact iframe {
        width: 100%;
    }
    .fl-page-footer-text {
        padding-bottom: 10px;
    }   
    .fl-page-footer-api.fl-page-footer-api.api-chili.col-md-12 {
        text-align: center;
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 480px) {
    h1.uabb-infobox-title, h2.uabb-infobox-title, span.fl-heading-text{
        font-size: 22px !important;
    }
    #home .uabb-infobox-text.uabb-text-editor {
        margin-top: 0;
    }
    #home .fl-col.fl-node-5c9c59e970e35.fl-col-small {
        padding-top: 25px;
    }
    .uabb-image-carousel img {
        max-width: 70%;
        margin-left: 15%;
    }
    #home .btn.buy-now a.fl-button {   
        margin-left: 20px;
    }
    #client .uabb-slider-next {
        right: 42%;
    }
    #count .fl-number-after-text {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    #contact .fl-node-5c9cdf200e00e .uabb-infobox-content {
        padding-top: 40px;
    }
    h4.uabb-adv-accordion-button-label {
        font-size: 17px !important;
    }

}