/*<!--Tierra Story-->*/
#aboutus_page {
    overflow: hidden;
}
#about-banner-section {
    text-align: center;
}
#about-banner-section h2 {
    font-size: 45px;
    line-height: 37px;
    text-align: center;
    font-weight: 300;
}
#about-banner-section .about-banner-title {
    position: absolute;
    top: 100px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
#aboutus_page .full-width-img-mb{
    max-height: 515px;
    width: 100%;
}
#aboutus_page .bottom-60{
    margin-bottom: 60px;
}
#aboutus_page .top-10{
    margin-top: 10px;
}
#aboutus_page .top-20{
    margin-top: 20px;
}
#aboutus_page .top-30{
    margin-top: 30px;
}
#aboutus_page .about-us {
    color: #3f3a36;
}
#aboutus_page .fix-pagespeed {
    height: 100% !important;
    width: 100% !important;
}
#aboutus_page .bottom-30 {
    margin-bottom: 30px !important;
}
#aboutus_page .align-center {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
#aboutus_page .show-mb {
    display: none !important;
}

@media (max-width: 767.98px){
    #about-banner-section {
        padding-top: 14px;
    }
    #aboutus_page .show-mb {
        display: flex !important;
    }
    #aboutus_page .show-pc {
        display: none !important;
    }
    #aboutus_page .bottom-30-mb{
        margin-bottom: 30px !important;
    }
    #aboutus_page .align-center{
        justify-content: flex-end !important;
        text-align: center;
    }
    #aboutus_page .bottom-20-mb {
        margin-bottom: 20px !important;
    }
    #about-banner-section h2 {
        font-size: 30px !important;
        line-height: 37px;
        text-align: center;
        font-weight: 300;
        margin-bottom: 30px;
    }
}
@media (min-width: 768px){
    #aboutus_page .offset-8 {
        margin-left: 66.66667%;
    }
    #aboutus_page .show-mb {
        display: none;
    }
    #aboutus_page .col-lg-3 {
        width: 40%;
    }
    #about-banner-section h2 {
        font-size: 40px !important;
        line-height: 37px;
        text-align: center;
        font-weight: 300;
    }
}

/*<!--List các dòng sản phẩm Tierra-->*/
.about-content {
    margin-bottom: 60px;
}
#about-content-section h4 {
    font-family: Averta Std CY;
    font-size: 16px;
    font-weight: 400;
    line-height: 19.78px;
    text-align: center;
    margin: 0;
}
#about-content-section h3 {
    font-family: Averta Std CY;
    font-size: 30px;
    font-weight: 300;
    line-height: 37.08px;
    text-align: center;
    margin-bottom: 20px;
}
#about-content-section .button-lv1 {
    font-family: Averta Std CY;
    font-size: 17px;
    font-weight: 400;
    line-height: 21.01px;
    text-align: center;
    margin-top: 20px;
}
#aboutus_page .center {
    justify-content: center;
    align-items: center;
}
#aboutus_page .row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
#aboutus_page .img_item_products {
    width: 100%;
    max-height: 456px;
    object-fit: cover;
}
#aboutus_page .item_products{
    padding: 0 10px;
}
@media (max-width: 992px) {
    #aboutus_page .about-content{
        margin-bottom: 40px;
    }
    #aboutus_page .img_item_products {
        max-height: 328px;
    }
    #about-content-section h3 {
       font-family: Averta Std CY;
        font-size: 24px;
        font-weight: 300;
        line-height: 29.66px;
        text-align: left;
        margin-bottom: 10px;
        padding-left: 25px;
    }
    #about-content-section h4 {
        font-family: Averta Std CY;
        font-size: 15px;
        font-weight: 400;
        line-height: 18.54px;
        text-align: center;
        margin: 0;
        padding: 0 10px;
    }
    #about-content-section .button-lv1 {
        font-family: Averta Std CY;
        font-size: 15px;
        font-weight: 400;
        line-height: 18.54px;
        text-align: left;
        margin-top: 20px;
    }
    #aboutus_page .item_products{
        padding: 0 5px;
    }
    #aboutus_page #about-content-section .container{
        padding-right: 0;
    }
    #aboutus_page #about-content-section .container .container.list_products_ve_tierra {
        padding-right: 0;
    }
}

/*<!--Slogan-->*/
#aboutus_page .about-slogan {
    background-color: #f4efeb;
    text-transform: uppercase;
    padding-top: 50px;
    padding-bottom: 50px;
}
#aboutus_page .span-slogan {
    font-family: Cormorant Infant;
    font-size: 60px;
    font-weight: 500;
    line-height: 72.66px;
    letter-spacing: 0.2em;
    padding-left: 20px;
    padding-right: 10px;
}
#aboutus_page .p-slogan {
    font-family: Cormorant Infant;
    font-size: 30px;
    font-weight: 400;
    line-height: 36.33px;
    letter-spacing: 0.1em;
    text-align: center;
    margin-bottom: 0;
}
@media (max-width: 767.98px){
    #aboutus_page .bottom-0-mb {
        margin-bottom: 0 !important;
    }
    #aboutus_page .span-slogan {
        font-size: 50px;
        line-height: 61px;
    }
    #aboutus_page .p-slogan {
        font-size: 18px;
        line-height: 22px;
        letter-spacing: .2em;
    }
    #aboutus_page .about-slogan {
        padding-top: 30px;
        padding-bottom: 30px;
    }
}

/*<!--Thông tin về Tierra-->*/
#about-info-section.about-info {
    margin-top: 64px;
}
#about-info-section .align-center {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
#about-info-section.about-info h1{ 
    font-family: Averta Std CY;
    font-size: 30px;
    font-weight: 300;
    line-height: 37.08px;
    text-align: center;
    padding-bottom: 32px;
}
#about-info-section .row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
#about-info-section .bottom-30 { 
    margin-bottom: 30px !important;
}
#about-info-section p {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 0;
    text-align: start;
}
#about-info-section .padding-0 {
    padding: 0;
}
#about-info-section .video-container {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 aspect ratio */
    height: 0;
    overflow: hidden;
    max-width: 100%;
    background: #000;
}

#about-info-section .video-container iframe,
#about-info-section .video-container object,
#about-info-section .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#about-info-section .video-container img {
    width: 100%;
}

@media (max-width: 767.98px){
    #about-info-section.about-info {
        margin-top: 30px;
    }
    #about-info-section.about-info h1{ 
        font-family: Averta Std CY;
        font-size: 24px;
        font-weight: 300;
        line-height: 29.66px;
        text-align: center;
        padding-bottom: 30px;
    }
    #about-info-section .row {
        margin-bottom: 20px;
    }
    #about-info-section .align-center {
        justify-content: flex-end !important;
        text-align: center;
        padding: 0 75px;
    }
    #about-info-section .bottom-10-mb{
        margin-bottom: 10px !important;
    }
    #about-info-section .bottom-30-mb { 
        margin-bottom: 30px !important;
    }   
    #about-info-section p {
        font-family: Averta Std CY;
        font-size: 15px;
        font-weight: 400;
        line-height: 18.54px;
        text-align: left;
        margin-top: 0;
    }
    #about-info-section .content_img_about_info {
        max-width: 262px;
        width: 100%;
        padding: 0;
    }
}
@media (min-width: 768px){
    #about-info-section .col-lg-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }
    #about-info-section .col-lg-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }
    #about-info-section p {
        padding-top: 20px;
    }
    #about-info-section .video-container p {
        padding-top: 0 !important;
    }
    #about-info-section p.button-lv1 {
        padding-top: 10px;
    }
}


/*<!--Hành trình của Tierra-->*/
#aboutus_page .about-journey {
    background-color: #f4efeb;
    margin-bottom: 10px;
    padding: 50px 0;
}
#about-journey-section h4 {
    font-weight: 300;
    font-size: 30px;
    line-height: 37px;
}
#about-journey-section p {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    margin: 0 auto;
    text-align: center;
}
#about-journey-section span {
    width: 100px;
    text-align: center;
    font-weight: 500;
    font-size: 15px;
    line-height: 19px;
    padding-bottom: 5px;
    margin-bottom: 10px;
    text-transform: uppercase;
    border-bottom: 1px solid #b48c72;
    cursor: pointer;
}
#about-journey-section .journey-img-block {
    display: block;
    text-align: center;
}
#about-journey-section .journey-img-pc {
    width:100%; 
    max-width: 1440px; 
    height: auto;
}
#about-journey-section .journey-img-mb {
    width:100%; 
    height: auto;
}
@media (max-width: 768px){
    .about-journey {
        padding: 30px 0;
    }
    #about-journey-section h4 {
        font-size: 24px;
        font-weight: 300;
        line-height: 29.66px;
    }
    #about-journey-section p {
        font-size: 15px;
        font-weight: 400;
        line-height: 18.54px;
    }
}

/*<!--Đẹp hoàn hảo từ mọi góc nhìn-->*/
#aboutus_page .about-beauty {
    position: relative;
    margin-bottom: 60px;
    text-align: center ;
}
#about-beauty-section .container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
#about-beauty-section .row {
    justify-content: start;
} 
#about-beauty-section h4 {
    font-weight: 300;
    font-size: 30px;
    line-height: 37px;
    margin-bottom: 10px;
    margin-top: 0;
    text-align: start;
}
#about-beauty-section p {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    text-align: start;
}
/*#about-beauty-section .container {*/
/*    max-width: 100%;*/
/*}*/
/*@media (min-width: 1024px){*/
/*    #about-beauty-section .offset-1 {*/
/*        margin-left: 8.33333%;*/
/*    }*/
/*    #about-beauty-section .col-md-6 {*/
/*        width: 33.33333%;*/
/*    }*/
/*}*/
@media (max-width: 767.98px){
    #about-beauty-section .container {
        position: relative;
    }
    #about-beauty-section .row {
        justify-content: center;
        align-items: center;
        padding: 0 20px 0;
    }
    #aboutus_page .about-beauty {
        margin-bottom: 40px;
    }
    #about-beauty-section .width-padding{
        padding: 0 30px;
    }
    #about-beauty-section h4 {
        font-family: Averta Std CY;
        font-size: 24px;
        font-weight: 300;
        line-height: 29.66px;
        text-align: left;
    }
    #about-beauty-section p {
        font-family: Averta Std CY;
        font-size: 15px;
        font-weight: 400;
        line-height: 18.54px;
        text-align: left;
    }
}
@media (min-width: 768px) and (max-width: 1023.98px){
    #about-beauty-section .col-md-6 {
        width: 50%;
    }
}

/*<!--Lựa chọn trang sức lý tưởng-->*/
#aboutus_page .about-choice {
    position: relative;
} 

#aboutus_page #about-choice-section .list_image_choice_desktop .image_choice_desktop {
    display: none;
    text-align: center;
}
#aboutus_page #about-choice-section .list_image_choice_desktop .image_choice_desktop.active {
    display: block;
}
#about-choice-section .list_content_choice_desktop {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
#about-choice-section .list_content_choice_desktop .row {
    height: 100%;
    align-items: center;
}
#about-choice-section h4 {
    font-family: Averta Std CY;
    font-size: 30px;
    font-weight: 300;
    line-height: 37.08px;
    text-align: left;
    margin-top: 0;
}
#about-choice-section .choice-content {
    margin-top: 10px;
    margin-bottom: 0;
    padding-right: 10%;
}
#about-choice-section .bottom-60 {
    margin-bottom: 60px;
}
/*Mở Rộng Phần Lựa Chọn*/
#about-choice-section .title-item-lua-chon {
    font-family: Averta Std CY;
    font-size: 20px;
    font-weight: 400;
    line-height: 24.72px;
    text-align: left;
}
#about-choice-section p {
    font-family: Averta Std CY;
    font-size: 16px;
    font-weight: 400;
    line-height: 19.78px;
    text-align: left;
}
#about-choice-section .panel-group .panel:last-child{ 
    border: none;
    box-shadow: none;
}
#about-choice-section .panel-heading {
    background: transparent !important;
    padding: 0px !important;
}
#about-choice-section .panel {
    border: none;
    border-bottom: 1px solid #dadada;
    border-radius: 0px;
    padding: 10px 0px;
    background: transparent;
}
#about-choice-section .panel:first-child {
    border-top: 1px solid #dadada;
}
#about-choice-section .panel-body {
    border: none !important;
    padding: 0px;
    margin: 15px 10px;
}
#about-choice-section .panel-body p{
    font-family: Averta Std CY;
    font-size: 16px;
    font-weight: 400;
    line-height: 19.78px;
    text-align: left;
}
#about-choice-section .panel-body ol{
   font-size: 16px;
   list-style-type: decimal;
   margin: 0px 20px;
}
#about-choice-section .panel-body ol .answer-title{
   margin-bottom: 20px;
}
#about-choice-section .policy-body.note {
    font-style: italic;
}
#about-choice-section .panel-body ol li{
   margin-top: 10px;
}
#about-choice-section .panel-body ol ul {
    margin: 0px 15px;
    margin-top: 10px;
    list-style-type: disc;
}
#about-choice-section .panel-body ol ul ol{
    list-style-type: decimal;
}
#about-choice-section .panel-body ol ul ol ul {
    list-style-type: circle;
}
#about-choice-section .panel-body ol ul ol ul li ul {
    list-style-type: square;
}
#about-choice-section .glyphicon-menu-down:before {
    content: "\e260";
}
#about-choice-section .collapsed .glyphicon-menu-up:before {
    content: "\e259";
}
#about-choice-section .item_choice{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
/*Đóng Phần Lựa Chọn*/
#about-choice-section .panel-body table {
    width: 100%;
    margin-bottom: 20px;
}
#about-choice-section .panel-body table tr th {
    background: #b48c72;
    color: #000;
    text-align: center;
    font-weight: 600;
    border: 1px solid #d7c2b5;
    padding: 4px 0;
    vertical-align: middle;
}
#about-choice-section .panel-body table tr td {
    border: 1px solid #d7c2b5;
    padding: 4px 0;
    padding-left: 10px;
}
#about-choice-section .panel-body table tr td strong{
    font-weight: 600;
}
@media (min-width: 768px){
    #about-choice-section .offset-6 {
        margin-left: 50%;
    }
    #about-choice-section .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
}
@media (max-width: 767.98px){
    #aboutus_page .about-choice {
        padding: 0 25px;
    } 
    #about-choice-section .container {
        position: relative;
    }
    #about-choice-section .width-padding{
        padding: 0 25px;
    }
    #about-choice-section h4 {
        font-family: Averta Std CY;
        font-size: 24px !important;
        font-weight: 300 !important;
        line-height: 29.66px;
        text-align: left;
    }
    #about-choice-section .title-item-lua-chon {
        font-family: Averta Std CY;
        font-size: 17px !important;
        font-weight: 400 !important;
        line-height: 21.01px;
        text-align: left;
    }
    #about-choice-section .panel-body p {
        font-family: Averta Std CY;
        font-size: 15px !important;
        font-weight: 400 !important;
        line-height: 18.54px;
        text-align: left;
    }
    #about-choice-section .panel:first-child {
        border-top: none;
    }
    #aboutus_page #about-choice-section .list_image_choice_mb{
        display: flex;
        flex-wrap: wrap;
    }
    #aboutus_page #about-choice-section .list_image_choice_mb .image_choice_desktop {
        display: none;
    }
    #aboutus_page #about-choice-section .list_image_choice_mb .image_choice_desktop.active {
        display: block;
    }
    #aboutus_page #about-choice-section .list_image_choice_mb .image_choice_desktop img{
        width: 100%;
        height: 100%;
    }
}

/*<!--Kim Cương 4Cs-->*/
#aboutus_page .about-diamond {
    position: relative;
    color: #fff;
    text-align: center;
}
#about-diamond-section .button-lv1 a {
    color: #fff;
}
#about-diamond-section .container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
#about-diamond-section .row {
    justify-content: start;
} 
#about-diamond-section h4 {
    font-weight: 300;
    font-size: 30px;
    line-height: 37px;
    margin-bottom: 10px;
    margin-top: 0;
    text-align: start;
}
#about-diamond-section p {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    text-align: start;
}
/*#about-diamond-section .container {*/
/*    max-width: 100%;*/
/*}*/
@media (max-width: 767.98px){
    #about-diamond-section .container {
        position: relative;
    }
    #about-diamond-section .row {
        justify-content: center;
        align-items: center;
        padding: 0 20px 0;
    }
    #about-diamond-section p {
        font-family: Averta Std CY;
        font-size: 15px;
        font-weight: 400;
        line-height: 18.54px;
        text-align: left;
        color: #000;
    }
    #about-diamond-section h4 {
        font-family: Averta Std CY;
        font-size: 24px;
        font-weight: 300;
        line-height: 29.66px;
        text-align: left;
        color: #000;
    }
    #about-diamond-section a {
        color: #000 !important;
    }
    #about-diamond-section .width-padding{
        padding: 0 30px;
    }
}
@media (min-width: 768px){
    #about-diamond-section .col-md-6 {
        width: 50%;
    }
}
/*@media (min-width: 1024px){*/
/*    #about-diamond-section .offset-1 {*/
/*        margin-left: 8.33333%;*/
/*    }*/
/*    #about-diamond-section .col-md-6 {*/
/*        width: 33.33333% !important;*/
/*    }*/
/*}*/

/*<!--Trải Nghiệm Cửa Hàng-->*/
#about-store-section .center {
    justify-content: center;
    align-items: center;
}
#about-store-section h4 {
    font-family: Averta Std CY;
    font-size: 30px;
    font-weight: 300;
    line-height: 37.08px;
    text-align: left;
}
#about-store-section p {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    text-align: justify;
    margin-top: 0;
}
#about-store-section h5 {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 0;
}
#about-store-section .about-button {
    background: #fff;
    border: 1px solid #d9d9d9;
    cursor: pointer;
    font-weight: 500;
    font-size: 15px;
    line-height: 19px;
    padding: 10px 20px;
    text-align: center;
    text-transform: uppercase;
    width: auto;
}
#about-store-section .button-group {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
#about-store-section .button-group-row{
    justify-content: flex-start;
}
@media (min-width: 768px){
    #about-store-section .offset-1 {
        margin-left: 8.33333%;
    }
    #about-store-section .show-mb {
        display: none !important;
    }
}
@media (max-width: 767.98px){
    #about-store-section .show-pc {
        display: none !important;
    }
    #about-store-section .about-store-padding-mb {
        padding: 10px 35px;
    }
    #about-store-section h4 {
        font-size: 24px;
        font-weight: 300;
        line-height: 29.66px;
    }
    #about-store-section p {
        font-size: 15px;
        font-weight: 400;
        line-height: 18.54px;
    }
    #about-store-section img {
        margin-bottom: 10px;
    }
    #aboutus_page #about-store-section.bottom-60 {
        margin-bottom: 30px;
    }
    #about-store-section h5 {
        font-size: 15px;
    }
}