/*!
 * layout.css
 * Version - 1.0
 * Website: Ecoinvest.vn
 * Author: CongThuong
 * Copyright (c) 2021 bicweb.vn
 */
/*==========================*/

/*#region Global */

.bct_module {
    margin-top: 3.875rem;
}

.bic_module.v2 {
    margin-top: 17.25rem;
    padding-top: 0;
}
/*#endregion */

/*#region banner */
.gd_banner .owl-dots {
    position: absolute;
    max-width: 1410px;
    display: flex;
    justify-content: center;
    bottom: 10px;
    z-index: 1;
    left: 50%;
    height: 30px;
    width: 100%;
    margin: auto;
    transform: translateX(-50%);
}

.gd_banner .owl-dot {
    width: 2rem;
    height: 10px;
    border: #d7caca 1px solid;
    border-radius: 18px;
    margin: 0 5px;
    cursor: pointer;
    transition: 0.4s;
}

    .gd_banner .owl-dot.active {
        background: #fff;
        border: #fff 1px solid;
        width: 78px;
    }

.gd_banner {
    width: 100%;
    overflow: hidden;
}

    .gd_banner .gd_banner_item {
        width: 100%;
        position: relative;
    }

        .gd_banner .gd_banner_item img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

    .gd_banner .owl-prev, .gd_banner .owl-next {
        height: 54px;
        line-height: 1;
        opacity: 0;
        position: absolute;
        text-align: center;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-transition: all 0.3s ease-in 0s;
        -o-transition: all 0.3s ease-in 0s;
        transition: all 0.3s ease-in 0s;
        visibility: hidden;
        width: 22px;
        z-index: 100;
        font-size: 5rem;
        cursor: pointer;
        color: #fff;
    }

        .bic_news__inner > div:nth-child(2)

        .gd_banner .owl-prev i, .gd_banner .owl-next i {
            color: #fff;
        }

    .gd_banner .owl-prev {
        left: 4%;
    }

    .gd_banner .owl-next {
        right: 4%;
    }

        .gd_banner .owl-prev:hover, .gd_banner .owl-next:hover {
            -webkit-transition: all 0.2s ease 0s;
            -o-transition: all 0.2s ease 0s;
            transition: all 0.2s ease 0s;
        }

    .gd_banner:hover .owl-prev, .gd_banner:hover .owl-next {
        opacity: 1;
        visibility: visible;
    }

    .gd_banner:hover .owl-prev {
        left: 6%;
    }

    .gd_banner:hover .owl-next {
        right: 6%;
    }

.gd_show_arrow .owl-prev, .gd_show_arrow .owl-next {
    color: transparent;
    height: 40px;
    line-height: 1;
    position: absolute;
    text-align: center;
    bottom: -4rem;
    width: 100px;
    z-index: 100;
    border-bottom: 2px solid #ccc;
    left: 35%;
    cursor: pointer;
}

    .gd_show_arrow .owl-prev::after, .gd_show_arrow .owl-next::after {
        content: "";
        width: 50px;
        border: 1px solid #ccc;
        transform: rotate(-45deg);
        display: block;
        position: absolute;
        bottom: 16px;
        left: -6px;
    }

.gd_show_arrow .owl-next {
    left: auto;
    right: 35%;
}

/*#endregion */


/*#region Intro_block */

.bic_intro__content {
    max-width: 800px;
    margin: auto;
    color: #a4a4a4;
    margin-top: 2rem;
}

.bct_silde__brand {
    margin-top: 2rem;
}

/*#endregion */

/*#region HIghtLight_New */
.bic_new__imgCover {
    height: 100%;
    margin-bottom: 0;
}
.bic_module.hightLight {
    background: url(/Styles/images/MainProJect.jpg);
    background-size: cover;
}

.c-white {
    color: #fff !important;
}

.bic_new__content {
    padding-left: 1.625rem;
    color: #fff;
    margin: 3.125rem 0 2rem;
    line-height: 1.8;
}


figure.bic_new__imgCover img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}


.bic_p_image {
    margin-bottom: 0;
}

.bic_hightlight__inner {
    position: relative;
}

.bct_hightlight__item {
    flex: 0 0 50%;
    padding: 0px 27px;
    max-width:50%;
}

/*#endregion */

/*#region Slide_brand */


.gd_item {
    display: flex;
    align-items: center;
    height: calc(200/270 * (var(--content-size)/4) - 30px);
    border: 1px solid #ccc;
    justify-content: center;
}

    .gd_item img {
        max-height: 55%;
        object-fit: contain;
    }


/*#endregion */


/*#region Target */

.bic_target__items {
    display: flex;
    margin: 0 -15px;
    justify-content: space-between;
    margin-top: 2.5rem;
    flex-wrap: wrap;
}

.bic_target__item {
    flex: 0 0 31%;
    padding: 3.25rem 15px;
    box-shadow: 0 3px 10px #6c686821;
    text-align: center;
    cursor: pointer;
    position: relative;
    transition: 0.4s ease;
    cursor: pointer;
}

    .bic_target__item:hover {
        background: #f5f5f5;
    }

.bic_target {
    padding: 0 1.625rem;
}


.bic_target__img {
    margin-bottom: 2rem;
}

.bic_target__title {
    font-size: 1.125rem;
    font-weight: 700;
    color: #30509b;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 1.25rem;
    margin-bottom: 2rem;
}

    .bic_target__title::after {
        position: absolute;
        height: 2px;
        width: 2.6rem;
        bottom: 0;
        left: 50%;
        background: #333333;
        content: '';
        transform: translateX(-50%);
    }

.bic_target__inner {
    padding: 0 3.73rem;
}

.bic_box__decor1.v2.run::before, .bic_box__decor2.v2.run::before {
    width: calc(100% - 1.25rem)
}

.bic_box__decor1.v2.run::after, .bic_box__decor2.v2.run::after {
    height: calc(100% - 1.25rem)
}
/*#endregion */

/*#region News */
.bic_news__inner {
    margin-top: 2rem;
}
.bic_ThumbNews {
    width: calc(100% - 27px) !important;
    margin-top: 2rem;
    margin-left: 27px;
}

.bic_new__desc {
    max-width: 52rem;
    margin: 0 auto 3.5rem;
    font-style: italic;
    color: #a4a4a4;
}

.bic_post__inner {
    position: relative;
}

    .bic_post__inner img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.bic_first__post .bic_post__content {
    position: absolute;
    bottom: 0;
}

.bic_date {
    position: absolute;
    top: 0;
    left: 0;
    height: 4.625rem;
    width: 4.625rem;
    display: flex;
    background: #30509b;
    flex-direction: column;
    justify-content: center;
    color: #fff;
}

.bic_post__title .bic_text {
    margin: 0;
    font-size: 1rem;
    text-transform: uppercase;
    font-weight: 700;
    color: #444;
    display: inline-block;
    text-align: left;
}

.bic_first__post.bic_post__item .bic_post__image {
    height: 24.5rem;
}

.bic_post__excerpt {
    padding: 1.25rem 1.875rem;
    text-align: left;
    border: 3px solid #f5f5f5;
    color: #a4a4a4;
    font-size: 0.875rem;
    border-top: none;
}

span.bic_date > span {
    width: 100%;
    display: block;
    font-size: 1.875rem;
    line-height: 1;
    font-weight: 700;
}

.bic_post__item {
    margin-bottom: 1.875rem;
}

    .bic_post__item:last-child {
        margin-bottom: 0;
    }

.bic_news__inner.row > div {
    flex: 0 0 50%;
}

.bic_post__inner::after {
    position: absolute;
    width: 100%;
    height: 4.625rem;
    background: #f5f5f5;
    content: '';
    left: 0;
    top: 0;
    z-index: -1;
}

.bic_post__title {
    text-align: left;
}

.bic_first__post .bic_link__cover {
    padding: 0 2rem;
    background-image: linear-gradient(to bottom,transparent,#373636);
}

    .bic_first__post .bic_link__cover .bic_text {
        color: #fff;
        font-size: 1.125rem;
    }

.bic_link__cover {
    display: flex;
    height: 4.675rem;
    align-items: center;
    padding-left: 6.25rem;
    cursor: pointer;
}

.bic_news__inner > div:nth-child(2) {
    max-height: 24.5rem;
    overflow-y: scroll;
    display: block;
    scrollbar-width: thin;
    scrollbar-face-color: #976f40;
    scrollbar-track-color: #ccc;
}

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

::-webkit-scrollbar-thumb {
    background: #30509b;
}

::-webkit-scrollbar-track {
    background: #ccc;
}

a.bic_post__title:hover .bic_text {
    color: #52bc23;
}
/*#endregion */

/*#region Singgle New */
.bic_module.singleNew {
    background-image: url(/Styles/images/sea.jpg);
    background-size: cover;
}
/*#endregion */

/*#region Contact */
.contact .form-contact {
    max-width: 80%;
    margin: auto;
}

.RadInput_Error_Default {
    color: #d51923 !important;
    font-size: 14px;
    background-position: 96% -290px;
    font-style: italic !important;
}

.form-group {
    margin-bottom: 1rem;
}

    .form-group:nth-child(3) {
        margin-bottom: 0;
    }

.contact-form-container .form-group input {
    background: #fff;
}

.contact-form-container .form-contact label {
    display: none;
}

.wrap_col {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px;
}

    .wrap_col .form-group {
        flex: 0 0 50%;
        padding: 0 5px;
        position: relative;
        margin-bottom: 12px;
    }

.contact-form-container .form-group input {
    background: #fff;
}

.form-contact .RadInputMgr, .form-contact .form-control {
    display: block;
    width: 100%;
    height: 3.125rem;
    padding: 0.75rem 1rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #222;
    background-color: transparent;
    background-clip: padding-box;
    border: 1px solid #cecece;
    border-radius: 0;
    font-style: italic;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.wrap_col .control-label, .wrap_col .gd_valid {
    position: absolute;
    /* z-index: -1; */
    top: 0.75rem;
    left: 1.5rem;
    margin: 0;
}

.contact-form-container textarea.form-control {
    background: #fff;
    height: 160px;
}

.bic_contact__wrap {
    background: url(/Styles/images/ContactBGR.jpg) no-repeat;
    background-size: contain;
    max-width: 65%;
    margin: auto;
    margin-top: 2rem;
}
/*#endregion */
/*#region Responsive */
@media screen and (max-width:1920px) {
    .container {
        max-width: 1410px;
    }
}

@media screen and (min-width:1366px) and (max-width:1600px) {
}

@media screen and (max-width:991px) {
    .gd_banner .owl-prev, .gd_banner .owl-next {
        font-size: 3rem;
    }

    .gd_banner .gd_banner_item {
        height: 35vh;
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
}

@media screen and (max-width:767px) {
    .bic_target__item {
        flex: 0 0 100%;
        margin-bottom: 1rem;
    }

    .bic_module {
        padding: 2rem 0 !important;
    }

    .bic_contact__wrap {
        max-width: 100%;
    }
    .bic_hightlight__inner {
        padding-bottom: 2rem;
    }
}

@media screen and (max-width:575px) {
    .gd_item {
        height: calc(200/270 * (var(--content-size)/2) - 30px);
    }
    .bic_new__desc {
        margin-bottom: 2rem;
    }
    .bic_module {
        padding: 2.5rem 0;
    }

        .bic_module.hightLight {
            padding-bottom: 0 !important;
        }

    .bic_post__item {
        margin-bottom: 1.25rem;
    }

    .wrap_col .form-group {
        flex: 0 0 100%;
    }

    .contact .form-contact {
        max-width: 100%;
    }

    .bic_new__content {
        padding-left: 0;
        text-align: justify;
        margin-top: 2rem;
    }

    .bic_news__inner.row > div:last-child {
        margin-top: 1.5rem;
    }

    .bic_module.target, .bic_module.singleNew {
        text-align: center;
    }

    .bic_target__inner {
        padding: 20px;
    }

    .bic_target__item {
        padding: 2rem 0;
    }

    .bic_intro__content {
        padding: 0 15px;
        text-align: justify;
    }

    .bct_hightlight__item {
        flex: 0 0 100%;
        padding: 0 15px;
        margin-bottom: 1.5rem;
        max-width: 100%;
    }

    .bic_ThumbNews {
        width: 100% !important;
        margin-left: 0;
        padding: 0;
    }

    .bic_news__inner.row > div {
        flex: 0 0 100%;
    }

    .bic_module.v2 {
        margin-top: 5rem;
    }

    ul.bic_footer__add li {
        margin-bottom: 10px;
    }
}

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

@media screen and (max-width: 414px) {
}
/*#endregion */

/*#region Animation */

@-webkit-keyframes afterdown {
    0% {
        height: 0;
        left: 1.25rem
    }

    50% {
        height: 0
    }

    100% {
        left: calc(100% - 4rem);
        height: 2.5rem
    }
}

/*#endregion */