/*
Theme Name: Honqgi Armenia
Theme URI: https://nicepage.com/wordpress


Description: Honqgi_Armenia v.3.29.1
Tags: left-sidebar, right-sidebar, custom-background, custom-colors, blog
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Version: 1.0
Text Domain: honqgi
*/


/* plugins */

.pll-parent-menu-item {
    display: none !important;
}

body {
    color: #282828;
    margin: 0 auto;
    overflow-x: hidden;
    overflow-y: scroll;
    font-family: 'Montserrat', sans-serif;
}

ol, ul {
    list-style-type: none;
}

* {
    -webkit-tap-highlight-color: transparent !important;
    /*font-family: -apple-system, system-ui, STHeiti, "Microsoft YaHei", Arial;*/
    font-family: 'Montserrat', sans-serif;
}

/* wordpress editor*/

figure.size-large.aligncenter {
    width: 100%;
}

figure.size-large.aligncenter img {
    width: 100%;
}

/* classes */

.d_none_height {
    height: 0;
}

.agree .d-flag .dlog, .agree .privacy,
.cti-tipLine, .img-ani-wrap,
.overflow-hidden-wrap, .select-wrap dt,
.single-line, .two-lines, .website-bottom .hot-link {
    overflow: hidden;
}

a:active, a:hover, a:link, a:visited {
    text-decoration: none;
}

.txt-uppercase {
    text-transform: uppercase;
}

.d-fixed, .g-mask {
    position: fixed;
}

.g-mask {
    top: 0;
    left: 0;
    z-index: 9;
}

.iconfont {
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.txt-uppercase {
    text-transform: uppercase;
}
.d-img {
    width: 100%;
}

.d-mask {
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .4);
    box-sizing: border-box;
}

.d-cover, .d-img-cover, .d-mask, .g-mask {
    height: 100%;
    width: 100%;
}

.Without-borders {
    color: #fff;
    font-weight: 700;
    transition: all .3s;
    box-sizing: border-box;
}
.Without-borders:hover, .loading-btn {
    font-size: .8vw;
    background-color: #fff;
    font-weight: 700;
    color: #000;
}

.Without-borders, .Without-borders:hover {
    border: 1px solid #fff;
}

.img-ani-wrap:hover .img-ani {
    transform: scale3d(1.1, 1.1, 1);
}

.img-ani-wrap .img-ani {
    transition: all .6s;
    transform: scale3d(1, 1, 1);
}

.two-lines {
    min-height: 4em;
    -webkit-line-clamp: 2;
}

.many-lines, .two-lines {
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.More-btn {
    background-color: #fff;
    border: 2px solid #000;
    font-weight: 700;
}

.More-btn.with-hover:hover {
    color: #fff;
    background: #000;
    transition: 0.3s ease;
}

.More-btn, .Without-borders {
    font-size: .8vw;
    padding: 1.3em 4em;
    white-space: nowrap;
}

/* effects */

.d-enter.d-opacity {
    opacity: 1;
}

.d-opacity {
    opacity: 0;
    -webkit-transition: all 4s;
    transition: all 4s;
}

.d-center-right {
    -webkit-transform: translate(50%, -20%);
    transform: translate(50%, -20%);
    visibility: visible;
    transition-duration: 1.2s;
    opacity: 0;
}

.d-enter.d-down, .d-enter.d-left, .d-enter.d-right, .d-enter.d-up, .d-enter.d-up-wap {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
}

.d-down, .d-left, .d-right, .d-up {
    opacity: 0;
    visibility: visible;
    transition-duration: 1.2s;
    overflow-x: hidden;
}

.d-left {
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

.d-right {
    -webkit-transform: translate(50%, 0);
    transform: translate(50%, 0);
}

.d-up {
    -webkit-transform: translate(0, 20%);
    transform: translate(0, 20%, 0);
}

.delay100 {
    transition-delay: .1s;
}

.delay1000 {
    transition-delay: 1s;
}

.delay200 {
    transition-delay: .2s;
}

.delay400 {
    transition-delay: .4s;
}

.delay500 {
    transition-delay: .5s;
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate(100%, 0);
        -ms-transform: translate(100%, 0);
        transform: translate(100%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

.fadeInRight {
    animation: fadeInRight .8s both;
}

@keyframes fadeOutLeft{0%{opacity:1}100%{opacity:0;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0)}}

.fadeOutLeft{animation:fadeOutLeft .8s both}

@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate(-100%,0);-ms-transform:translate(-100%,0);transform:translate(-100%,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}

.fadeInLeft{animation:fadeInLeft .8s both}

@keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate(100%,0);-ms-transform:translate(100%,0);transform:translate(100%,0)}}

.fadeOutRight{animation:fadeOutRight .8s both}


/* -template parts */
.follow .icon {
    width: 2.24vw;
    margin: 4% 4% 0 0;
    filter: grayscale(100%);
    transition: all .3s;
    cursor: pointer;
}

.follow .icon:hover {
    filter: none;
}


/* header */

#cti-header {
    width: 100%;
    z-index: 9999;
    top: 0;
    font-size: .8vw;
    display: none;
}

#cti-header .default-menu {
    padding-top: 44px;
    position: relative;
    z-index: 2;
    background-color: #f3f3f3;
}

#cti-header .default-menu .menu-wrap {
    width: 100%;
    display: flex;
}

#cti-header .default-menu .menu-wrap .menu_logo {
    width: 18%;
    text-align: center;
	margin-top: -22px;
/*     padding-bottom: 1.5vw; */
}

#cti-header .default-menu .menu-wrap .menu_logo a {
    display: inline-block;
}

#cti-header .default-menu .menu-wrap .menu_logo .logo {
    width: 12vw;
}

#cti-header .desktop-menu {
    width: 82%;
    display: flex;
}

#cti-header .menu {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    background-color: #f3f3f3;
    line-height: 4em;
    align-items: center;
    padding-right: 7%;
}

#cti-header .menu .has-secondlevel {
    position: relative;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    cursor: pointer;
}

#cti-header .menu .item {
    color: #666;
    display: block;
    margin: 0 1.5%;
    white-space: nowrap;
    font-weight: 700;
    font-size: 0.8vw;
}

#cti-header .menu .item.lang-item {
    font-size: 0.8vw;
}

#cti-header .menu a:hover ,
#cti-header .menu .current-menu-item  {
    transition: all .3s;
    color: #000;
    font-weight: 700;
}

/* POST */

/* SINGLE CAR POST */
.hgq-post-container {
    width: calc(100% - 40px);
    margin: 0 auto;
}

.single-car-post {
    margin-top: 155px;
}

/* HOME PAGE */

/* globals */

.column-name {
    font-size: 1.8vw;
    margin: 4% 0;
    text-align: center;
    text-transform: uppercase;
    font-weight: bolder;
    letter-spacing: .2em;
}

.column-content {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-between;
    width: 92%;
    margin: 0 auto;
}

section.categories-and-models {
    text-align: center;
    font-size: 1vw;
    margin: 7% 0;
    width: 100%;
}

section.categories-and-models h2 {
    font-size: 1.77vw;
    font-weight: bolder;
    letter-spacing: .2em;
}

section.categories-and-models ul.categories-tabs {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

section.categories-and-models ul.categories-tabs li {
    margin: 3% 3% 0;
    position: relative;
    cursor: pointer;
}

section.categories-and-models ul.categories-tabs li.active {
    font-weight: 700;
    pointer-events: none;
}

section.categories-and-models ul.categories-tabs li.active:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 10px solid #000;
    position: absolute;
    top: 110%;
    left: 50%;
    transform: translateX(-50%);
}


section.categories-and-models  .cartype-car-group {
    /*display: flex;*/
    /*align-items: center;*/
    /*flex-direction: column;*/
    /*height: 248px;*/
    height: 14vw;
    position: relative;
}

section.categories-and-models  .cartype-car-group.d-enter .cartype-car.act .d-center-right {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
}

section.categories-and-models ul.cartype-car {
    position: absolute;
    /*pointer-events: none;*/
    display: flex;
    z-index: 1;
    left: 50%;
    transform: translateX(-50%);
    padding: 0;
}

section.categories-and-models ul.cartype-car.act {
    pointer-events: auto;
    z-index: 2;
}

section.categories-and-models ul.cartype-car > li {
    margin: 3% 3% 0;
    flex: 1;
    cursor: pointer;
}

section.categories-and-models ul.cartype-car > li.act {
    cursor: pointer;
}

section.categories-and-models ul.cartype-car.act > li.act p {
    font-weight: bold;
    text-decoration: underline;
}

section.categories-and-models ul.cartype-car > li img {
    /*max-height: 160px;*/
    height: 8vw;
}

/* SECTION CHANGING OVER COLORED SLIDER */

section.changing-over {
    height: auto;
    display: flex;
    flex-direction: column;
}

section.changing-over > div.mountain-wrapper {
    /*height: 500px;*/
    height: 26vw;
    display: flex;
    align-items: center;
    /*overflow: hidden;*/
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url("https://www.hongqi-auto.com/images/index/cartype_bg.jpg");
}

section.changing-over .car-group {
    width: 58.8%;
    position: absolute;
    top: 25%;
    right: 2%;
}

section.changing-over .car-group {
    width: 58.8%;
    position: absolute;
    top: 25%;
    right: 2%;
    opacity: 0.8;
}

/* Trigger state */

section.changing-over .d-enter .car-group {
    transition: right 3s linear, opacity 3s linear;
    z-index: 99;
}

section.changing-over .d-enter .car-group.move {
    right: 8%; /* Move out of view */
    opacity: 1;  /* Gradually fade out */
}

section.changing-over .car-item-wrap {
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
}

section.changing-over .act-switch-item {
    display: none;
}

section.changing-over .act-switch-item.act {
    display: block;
}

section.changing-over .car-group .car-item {
    opacity: 0;
    pointer-events: none;
}

section.changing-over .car-group .car-item img.act {
    pointer-events: none;
}

section.changing-over .car-item-wrap .d-img.active {
    opacity: 1;
}

section.changing-over .car-item-wrap .d-img {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: all 1s;
}

section.changing-over  .color-btn-group {
    position: relative;
    z-index: 999;
    font-size: 1vw;
    height: calc(3.75vw + 6px + 4em);
    color: #333;
    width: 100%;
    padding: 2vw 8vw;
}

.act-switch-item.act {
    display: block;
}
.act-switch-item {
    display: none;
}

.changing-over .color-btn-group .color-btn.act {
    opacity: 1;
    pointer-events: auto;
    display: flex;
    height: auto;
}

.changing-over .color-btn-group .color-btn {
    display: flex;
    opacity: 0;
    pointer-events: none;
    gap: 4px;
    height: 0;
    margin: 0;
    /*position: absolute;*/
    /*top: 0;*/
    /*left: 0;*/
}

.changing-over .color-btn-group li {
    margin: 0 .2em;
    cursor: pointer;
}

.changing-over .color-btn-group li img {
    border: 1px solid transparent;
    width: 3.75vw;
    height: 3.75vw;
    margin-bottom: .5em;
    box-shadow: 3px 3px 2px #afaaaa;
}

.changing-over .color-btn-group li p.color-name {
    font-style: italic;
    position: relative;
    display: none;
}

.changing-over .color-btn-group li.color-box.act p.color-name {
    display: block;
}


.changing-over .color-btn-group li p.color-name span {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    font-style: italic;
}

section.changing-over .describe-group {
    margin-left: 9.5%;
}

section.changing-over .describe-group h2 {
    font-size: 5.2vw;
    font-weight: bolder;
    margin: 3% 0 12%;
    text-indent: -.08em;
}

section.changing-over .describe-group a {
    display: inline-block;
    padding: 1.5em 6em;
    text-align: center;
    font-size: .9vw;
    background: #333;
    color: #fff;
    transition: all .3s;
}

section.changing-over .changing_arrow {
    width: 27px;
    height: 44px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    cursor: pointer;
    z-index: 999;
}

.changing-over .changing_arrow img {
    width: 100%;
}

.changing-over .changing_arrow.changing_left {
    left: 1vw;
}
.changing-over .changing_arrow.changing_right {
    right: 1vw;
}

/* SECTION hongqi-ideal */
section.hongqi-ideal {
    background-color: #f3f3f3;
    padding: 1% 0 5%;
    overflow: hidden;
}

section.hongqi-ideal .column-content {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-between;
    width: 92%;
    margin: 0 auto;
}

section.hongqi-ideal .column-content .column-item {
    margin: 1% 0;
    position: relative;
    font-weight: 700;
}

section.hongqi-ideal .column-content .col3 {
    width: 32.2%;
}

section.hongqi-ideal .column-content .col2 {
    width: 49.2%;
}

section.hongqi-ideal .column-content .column-item .cont {
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 1.3vw;
}

section.hongqi-ideal .column-content .column-item .txt-wrap {
    letter-spacing: .2em;
    text-align: center;
}

section.hongqi-ideal .learn-more {
    position: absolute;
    bottom: 8%;
    left: 50%;
    transform: translateX(-50%);
    box-sizing: border-box;
    font-size: .8vw;
    padding: 1.3em 4em;
    white-space: nowrap;
}

/* section news in homa page */

section.news-information {
    padding: 1% 0 0;
    font-size: 1vw;
    overflow: hidden;
}

section.news-information  .column-content {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-between;
    width: 92%;
    margin: 0 auto;
}

section.news-information .col3 {
    margin-right: 1.6%;
}

section.news-information .column-content .column-item {
    margin: 1% 0;
    position: relative;
    font-weight: 700;
}

section.news-information .column-content .column-item .img-ani-wrap {
    height: 20vw;
}

section.news-information .column-content .col3 {
    width: 32.2%;
	text-transform:none;
}

section.news-information .news-title {
    margin: 4% 0;
    line-height: 2;
    font-weight: 700;
    color: #333;
    overflow: hidden;
}

section.news-information .column-footer {
    border-top: 1px solid #000;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: .8vw;
    padding: 5% 0;
}


section.news-information .column-content .column-item .learn-more {
    font-size: .8vw;
    padding: 1.3em 4em;
    white-space: nowrap;
    color: black;
}

section.news-information .column-content .column-item .learn-more:hover {
    background: black;
    color: #fff;
}

section.news-information .column-content .column-item img {
    height: 100%;
}




/* -PAGES- */

.hq-page {
    margin-top: 140px;
}

/* -PAGE -MODELS */

.page-models {
    padding-top: 10px;
}

/* -PAGE -STORE */

.page-store .page-store-content {
    margin-top: 4%;
}

.page-store .page-store-content > .address-wrapper {
    width: 30%;
}

.page-store .page-store-content > .map-wrapper {
    width: 70%;
}

/* -PAGE -CONTACT */

.page-contact header {
    height: auto;
}

.page-contact header img {
    width: 100%;
}

.page-contact .page-contact-content {
    width: 90%;
    margin: 0 auto;
}

.page-contact .application_content_email {
    max-width: 1750px;
    /*width: 90vw;*/
    margin: 2% auto 0;
    display: flex;
    padding: 16px 0;
    height: 10vw;
    background-color: #ececec;
}

.page-contact section.suggestion {
    margin-top: 4%;
}

.page-contact section.suggestion h2 {
    font-size: 1.5vw;
    text-transform: uppercase;
    text-align: center;
    margin: 4% 0;
}

.page-contact section.suggestion .wpcf7-form {
    display: flex;
    justify-content: space-between;
}

.page-contact section.suggestion .wpcf7-form label {
    font-size: .75vw;
    color: #939393;
    text-transform: uppercase;
}

.page-contact section.suggestion .wpcf7-form input ,
.page-contact section.suggestion .wpcf7-form textarea {
    border-width: 0 0 1px;
    border-color: #e6e5e5;
    text-align: left;
    padding-left: 0;
    padding-top: .5em;
    padding-bottom: .5em;
    font-size: .9vw;
    box-sizing: border-box;
    color: #000;
    outline: none;
    width: 100%;
}

.page-contact section.suggestion .wpcf7-form input[type="submit"] {
    padding: 1em 2em;
    width: 100%;
    background-color: #c7c7c7;
    color: #eeeeef;
    transition: all .3s;
    font-size: 1vw;
    border: none;
    text-align: center;
}

.page-contact section.suggestion .wpcf7-form input[type="submit"]:hover {
    background-color: #343c45;
}


.page-contact section.suggestion .wpcf7-form textarea {
    color: #000;
    width: 100%;
    height: 26em;
    padding: 1em;
    margin-top: 1%;
    box-sizing: border-box;
    outline: none;
    border: 1px solid #000;
}

.page-contact section.suggestion .wpcf7-form input::placeholder,
.page-contact section.suggestion .wpcf7-form textarea ::placeholder {
    color: rgba(0, 0, 0, 0.55)
}

.page-contact section.suggestion .wpcf7-form .left-block {
    width: 40%;
}

.page-contact section.suggestion .wpcf7-form .right-block {
    width: 50%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.page-contact section.suggestion .wpcf7-form .right-block > p {
    width: 100%;
}

.page-contact section.suggestion .wpcf7-form .right-block .c-block {
    margin-top: 3.2%;
    width: 100%;
}

.page-contact section.suggestion .wpcf7-form .right-block .c-block.half {
    width: 48%;
}

.page-contact section.suggestion .wpcf7-form .right-block .c-block:first-child {
    margin-top: 0;
}

.page-contact .application_content_email .item {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.5vw;
    font-weight: 700;
    text-transform: uppercase;
    width: 20%;
}

.page-contact .application_content_email .item.item_right {
    width: 80%;
    font-size: 1.2vw;
    font-weight: 500;
    border-left: 2px solid  #bdbdbd;;
}

/* -PAGE -LIBRARY */

.page-library {
    padding-bottom: 8%;
}

.page-library .lib-container {
    width: 91%;
    margin: 0 auto;
}

/*.page-library .product-row {*/
/*    width: 100%;*/
/*    display: flex;*/
/*    margin-bottom: 20px;*/
/*    flex-wrap: wrap;*/
/*}*/

.page-library .product-item {
    position: relative;
    width: 100%;
    height: 20vw;
}

.page-library .product-item .product-con {
    width: 100%;
    height: 100%;
}

.page-library .product-item .bottom-mask {
    position: absolute;
    width: 100%;
    background-color: rgba(0, 0, 0, .6);
    box-sizing: border-box;
    left: 0;
    right: 0;
    bottom: 0;
    color: #fff;
    line-height: 1;
    display: flex;
    align-items: center;
    z-index: 1;
}

.page-library .product-item .bottom-mask .mask-text {
    flex: 1;
    padding-left: 4px;
    font-size: 1vw;
}

.page-library .product-item .bottom-mask .mask-icon {
    flex: 1;
    text-align: right;
    height: 4vw;
    max-width: 24%;
    margin-right: 0;
    box-sizing: border-box;
    display: flex;
    align-items: center;
}

.page-library .product-item .bottom-mask .mask-icon > div {
    flex: 1;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.page-library .product-item .bottom-mask .mask-icon > div a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.page-library .product-item .bottom-mask .mask-icon > div i {
    font-size: 1.5vw;
    color: #fff;
}

.page-library .product-item .bottom-mask .mask-icon > div:hover {
    background: #fff;
}

.page-library .product-item .bottom-mask .mask-icon > div:hover i {
    color: #0c1924;
}

.page-library  .title {
    font-weight: normal;
    margin-top: 7%;
}



.page-library .product-item .product-con img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* -PAGE -HISTORY */

.page-template-page-brand,
.page-template-page-history {
    background-color: #e4e4e5;
}

.page-history header img ,
.page-brand header img {
    width: 100%;
}

.page-history .history_title ,
.page-brand .brand_title {
    width: 70%;
    margin: 6vw auto auto;
    font-size: 2vw;
    font-weight: 700;
}

.page-history .history {
    width: 100%;
    margin-top: 3vw;
}

.page-history .history .history_con {
    width: 85%;
    margin: auto auto 2.5vw;
    display: flex;
}

.page-history .history .history_con {
    width: 85%;
    margin: auto auto 2.5vw;
    display: flex;
    align-items: center;
}

.page-history .history .history_con img {
    width: 100%;
}

.page-history .history .history_con.serve {
    flex-flow: row-reverse;
}

.page-history .history .history_con .img {
    width: 52%;
}

.page-history .history .history_con .right {
    flex: 1;
    text-align: right;
    padding-left: 8%;
    padding-top: 2%;
}

.page-history .history .history_con.serve .left {
    flex: 1;
    text-align: left;
    padding-right: 8%;
    padding-top: 2%;
}


.page-history .history .history_con .top-title {
    font-size: 6vw;
}

.page-history .history .history_con .top-subtitle {
    font-size: 1.4vw;
    margin: 1vw 0;
}

.page-history .history .history_con .text {
    font-weight: 400;
    font-size: 1vw;
}


.page-history .history .history_con .top {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.page-history .history .history_con.serve .top {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

/* -PAGE -BRAND */

.page-brand section.brand {
    width: 80%;
    margin: 3vw auto auto;
}

.page-brand .brand_con {
    display: flex;
    background: #fff;
    margin-top: 2vw;
}

.page-brand .brand_con.reset  {
    background: none;
    display: block;
}

.page-brand .brand_con.row_dectrion {
    flex-flow: row-reverse;
}

.page-brand .brand_text {
    padding: 3%;
    box-sizing: border-box;
    font-size: 1vw;
}

.page-brand .brand_block {
    flex: 1;
}

.page-brand .brand_block .title {
    font-size: 2vw;
    font-weight: 700;
}

.page-brand .brand .brand_con .brand_text .text_con {
    margin-top: 3vw;
    line-height: 2;
}

.page-brand .brand .brand_con.reset .brand_text .text_con {
    margin-top: 1vw;
}

.page-brand .brand_block img {
    width: 100%;
}

.page-brand .brand_desing.brand_con .brand_text {
    display: flex;
    justify-content: center;
    align-items: center;
}

.page-brand .brand_content {
    background: #fff;
    margin-top: 4vw;
    padding-bottom: 2vw;
}

.page-brand .brand_content ul li {
    line-height: 2.5;
}

.page-brand .brand_content > .wp-block-heading {
    padding: 2vw;
}

.page-brand .brand_content img {
    width: 100%;
}

    /* -PAGE DEVELOPMENT */

.page-template-page-development {
    background-color: #e4e4e5;
}

.page-development section {
    width: 80%;
    margin: auto;
}

.page-development section.development {
    border-bottom: 1px solid #ccc;
    padding-bottom: 4vw;
}

.page-development section.development img ,
.page-development section.layout img {
    width: 100%;
}

.page-development .development_title {
    font-size: 2vw;
    font-weight: 600;
    padding: 2.5vw 0;
}

.page-development .video-block {
    background: #fff;
    display: flex;
}

.page-development .video-block .video_wrapper ,
.page-development .video-block .text-block {
    width: 50%;
}

.page-development .video-block .video_wrapper {
    position: relative;
    height: 27vw;
    overflow: hidden;
}
.page-development .video-block .video_wrapper .video_btn {
    width: 4vw;
    height: 4vw;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.page-development .video-block .video_wrapper .video_btn a,
.page-development .video-block .video_wrapper .video_btn img {
    width: 100%;
}

.page-development .video-block .video_wrapper video {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0%;
    /*display: none;*/
    /*transform: translate(-50%, -50%);*/
}

.page-development .video-block .video_wrapper > img {
    /*width: 100%;*/
    object-fit: contain;
}

.page-development .video-block .text-block {
    display: flex;
    justify-content: center;
    align-items: center;
}

.page-development .video-block .text-block p {
    width: 86%;
    line-height: 2;
}

.page-development .section_production .banner_production {
    width: 100%;
    margin-top: 4vw;
}

.page-development .section_production .banner_production img {
    width: 100%;
}

    /* -PAGE ACHIEVEMENTS*/

.page-template-page-achievement {
    background-color: #e4e4e5;
}

.page-achievement .achievement_wrapper {
    width: 80%;
    margin: auto;
}

.page-achievement .achievement_title {
    padding-top: 3vw;
    padding-bottom: 3vw;
    font-size: 2vw;
    font-weight: 700;
    box-sizing: border-box;
}

.page-achievement .award_item {
    background: #fff;
    width: 100%;
    padding: 3% 3% 0;
    box-sizing: border-box;
    margin-bottom: 2vw;
    padding-bottom: 2vw;
}

.page-achievement .award_item .images {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 2vw;
    margin-bottom: 2vw;
}

.page-achievement .award_item .images img.size2 {
    width: 49%;
}

.page-achievement .award_item .images img.size1 {
  width: 100%;
}

.page-achievement .award_item .images img.size3 {
    width: auto;
    overflow: hidden;
    flex: 1 1 auto; /* Allows images to shrink and grow proportionally */
    max-width: 100%; /* Ensures images stay within their container */
    height: auto; /* Maintains aspect ratio */
    object-fit: contain; /* Ensures image is scaled properly */
    margin: 5px;

}

.page-achievement .award_item ul {
    padding-left: 0;
}

.page-achievement  .show_more {
    font-size: .8vw;
    text-transform: uppercase;
    margin: 1vw auto;
}


.page-achievement .achievement_sub_title {
    padding-top: 2vw;
    padding-bottom: 2vw;
    font-weight: 700;
    box-sizing: border-box;
    border-top: 2px solid #959595;
    font-size: 1.5vw;
    width: max-content;
}

.page-achievement .awards .development {
    background: #fff;
    width: 100%;
    padding: 3% 3% 0;
    margin-bottom: 2vw;
    padding-bottom: 2vw;
}

.page-achievement  .product-item {
    height: 18vw;
}

.page-achievement  .product-item .bottom-mask {
    position: absolute;
    bottom: 0;
    padding: 10px;
    text-align: center;
    width: 100%;
    background: #242324eb;
    color: #fff;
    opacity: 0;
    transition: 0.3s ease;
}

.page-achievement  .product-item:hover .bottom-mask {
    opacity: 1;
}

.page-achievement header img {
    width: 100%;
}

    /* -PAGE SOCIAL _ RESPONSIBILITY*/

.page-template-page-social-responsibility {
    background-color: #e4e4e5;
}

.page-social header img {
    width: 100%;
}

.page-social .social_title {
    border-bottom: 1px solid #d1d1d1;
}

.page-social section {
    padding-top: 2vw;
}

.page-social section img {
    width: 100%;
    margin: 1vw 0 3vw;
}

.page-social section.section_1 {
    border-bottom: 1px solid #d1d1d1;
    padding-bottom: 2vw;
}

.page-social .section_2 .box {
    background-color: #fff;
    border-radius: 2vw;
    border: 2px solid #d9d9d9;
    padding: 5%;
    box-sizing: border-box;
    width: 48%;
    margin: 1% 0;
}

.page-social .section_2 .boxes-block {
    display: flex;
    flex-wrap: wrap;
    gap: 2%;
}

.page-social .section {
    margin-bottom: 3vw;
}

    /* SMART SLIDER */
.page-home div#n2-ss-2 .nextend-bullet-bar .n2-bullet {
    width: 30px;
    height: 2px;
    background: rgba(149, 151, 151, 0.7);
    padding: 2px;
}

.page-home div#n2-ss-2 .nextend-bullet-bar .n2-bullet.n2-active {
    height: 4px;
    background: rgba(149, 151, 151);
}


/* OVERLAY CUSTOM LIGHTBOX */

.g-popup {
    background-color: rgba(0, 0, 0, .8);
    display: flex;
    justify-content: center;
    align-items: center;
}

.g-popup img.act, .g-popup.act {
    opacity: 1;
}

.g-popup, .g-popup img {
    transition: opacity .7s;
    opacity: 0;
}

.g-popup .iconclose1 {
    color: #fff;
    font-size: 2em;
    position: absolute;
    right: 1em;
    top: 1em;
    cursor: pointer;
    transition: all .3s;
    z-index: 3;
}

.g-popup .ele-wrap {
    position: relative;
    width: 100vmin;
    width: 120vmin;
    max-width: 100%;
}
.g-popup .ele-wrap img, .g-popup .ele-wrap video {
    width: 100%;
    position: relative;
    z-index: 2;
}
.g-popup img.act, .g-popup.act {
    opacity: 1;
    z-index: 99999;
}

.g-popup, .g-popup img {
    transition: opacity .7s;
    opacity: 0;
}

.g-popup .ele-wrap::after {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 3em;
    color: #666;
    z-index: 1;
    background: url(https://www.hongqi-auto.com/images/common/hongqi.jpg) 50% no-repeat;
    background-size: 80%;
    width: 100%;
    height: 100%;
    min-width: calc(100vw* .4);
    min-height: calc(100vh / 2);
}

.g-popup .iconclose1:hover {
    transform: rotate(180deg);
}

/* -MEDIA QUERIES- */

@media screen and (min-width: 801px) {

    body {
        background: red;
    }
    .hg-mobile {
        display: none !important;
    }
}

@media screen and (max-width: 1124px) {
    #cti-header .default-menu {
        padding-top: 24px;
    }
	
	#cti-header .default-menu .menu-wrap .menu_logo {
   		 margin-top: -10px;
    /* padding-bottom: 1.5vw; */
	}
}

@media screen  and (max-width: 992px) {/*bootstrap*/
    /*    -page library mobile*/

    .page-library .product-item {
        height: 29vw;
    }

    .page-library .product-item .bottom-mask .mask-icon {
        height: 5vw;
    }

    .page-library .product-item .bottom-mask .mask-icon > div i {
        font-size: 2.5vw;
    }

    .page-library .product-item .bottom-mask .mask-text {
        padding-left: 10px;
        font-size: 1.5vw;
    }


    .page-achievement .product-item {
        height: 27vw;
    }
	
	#cti-header .menu {
		padding-left: 0;
	}
}

@media screen and (max-width: 800px) {
	#cti-header .default-menu .menu-wrap {
        padding-top: 2vw;
        padding-bottom: 2vw;
    }
	
    .hg-desktop {
        display: none !important;
    }

    .hgq-post-car-container {
        width: calc(100% - 40px);
        margin: 0 auto;
    }

    /* -header mobile- */
    #cti-header .desktop-menu {
        display: flex;
        position: fixed;
        width: 100%;
        top: 0;
    }

    #cti-header .default-menu {
        padding:  0;
        background-color: rgba(0, 0, 0, .8);
    }

    #cti-header .default-menu .menu-wrap {
        justify-content: space-between;
        align-items: center;
    }

    #cti-header .default-menu .menu-wrap .mobile-burger-wrapper button {
        background: none;
        border: none;
        color: #fff;
        font-size: 4vw;
    }

    #cti-header .menu {
        width: 100%;
        height: 100vh;
        margin-top: 0 !important;
        padding: 0;
        padding-top: 10vw !important;
        display: none;
        background: url(https://www.hongqi-auto.com/images/common/menu_bg.jpg);
        background-size: 100%;
        background-repeat: no-repeat;
    }

    #cti-header .menu.opened {
        display: block;
    }

    #cti-header .menu .lang-item {
        display: none;
    }


    #cti-header .menu-close-wrapper {
        position: absolute;
        right: 2vw;
        top: 1vw;
        color: #000;
        font-size: 5vw;
        display: none;
    }

    #cti-header .menu.opened + .menu-close-wrapper {
        display: block;
    }

    #cti-header .menu .item {
        font-size: 2.4vw;
    }


    #cti-header .default-menu .menu-wrap .menu_logo {
        /*width: auto;*/
        padding-left: 4vw;
        width: 12%;
    }

    #cti-header .default-menu .menu-wrap .menu_logo .logo {
        width: 18vw;
    }

    #cti-header .mobile-language {
        display: flex;
        flex-direction: column;
        /* justify-content: right; */
        align-items: center;
        padding-right: 4vw;
        width: 12%;
    }

    #cti-header .mobile-language .lang-item {
        list-style: none;
    }

    #cti-header .mobile-language .lang-item span {
        display: none;
    }

    /* -home mobile  */
    section.categories-and-models h2 {
        font-size: 2.4vw;
    }

    section.categories-and-models ul.categories-tabs li {
        font-size: 2vw;
    }

    section.categories-and-models ul.cartype-car > li {
        font-size: 1.4vw;
    }

    section.changing-over .describe-group a {
        font-size: 1.2vw;
    }

    .column-name {
        font-size: 2.4vw;
    }

    section.hongqi-ideal .column-content .column-item .cont {
        font-size: 1.6vw;
    }

    section.hongqi-ideal .learn-more {
        font-size: 1vw;
    }

    section.news-information .column-footer,
    section.news-information .column-content .column-item .learn-more {
        font-size: 1vw;
    }

    /*    -page store mobile */
    .page-store .page-store-content > .map-wrapper,
    .page-store .page-store-content > .address-wrapper {
        width: 100%;
        margin-bottom: 4vw;
    }

    .page-store .page-store-content {
        margin-top: 4%;
        flex-direction: column;
    }

    .page-store .address-template-part .type {
        font-weight: 700;
        font-size: 3.2vw;
    }

    .page-store .address-template-part .block p:not(.type) {
        font-size: 1.8vw;
    }

    .page-store #map {
        height: 400px;
        width: 100%;
    }

    /*    -page contact mobile*/
    .page-contact .application_content_email .item {
        font-size: 2.8vw;
    }

    .page-contact .application_content_email .item.item_right {
        font-size: 2.4vw;
    }

    .page-contact section.suggestion h2 {
        font-size: 3vw;
    }

    .page-contact section.suggestion .wpcf7-form {
        flex-direction: column;
    }

    .page-contact section.suggestion .wpcf7-form .left-block,
    .page-contact section.suggestion .wpcf7-form .right-block {
        width: 100%;
    }

    .page-contact section.suggestion .wpcf7-form label {
        font-size: 1.75vw;
    }

    .page-contact section.suggestion .wpcf7-form input,
    .page-contact section.suggestion .wpcf7-form textarea {
        font-size: 1.6vw;
    }

    .page-contact section.suggestion .wpcf7-form input[type="submit"] {
        font-size: 2vw;
    }


    /* -page -history mobile */
    .page-history .history .history_con {
        flex-direction: column;
        border: 1px solid #ccc;
        padding: 2px;
    }

    .page-history .history .history_con.cloum ,
    .page-history .history .history_con.serve {
       flex-flow: column-reverse;
    }

    .page-history .history .history_con .img {
        width: 100%;
    }
    .page-template-page-history .page-history .history .history_con .inner ,
    .page-template-page-history .page-history .history .history_con .inner .top {
        display: block;
        text-align: center;
        padding: 0;
    }

    .page-history .history .history_con .top-subtitle {
        font-size: 3vw;
        margin: 1vw 0;
    }

    .page-history .history .history_con .text {
        font-weight: 400;
        font-size: 2vw;
        margin-bottom: 1vw;
    }

    /*    -page brand mobile */

    .page-brand .brand_con {
        display: block;
    }

    .page-history .history_title, .page-brand .brand_title {
        font-size: 3vw;
    }

    .page-brand .brand .brand_con .brand_text .text_con {
        font-size: 2vw;
    }

    .page-brand .brand_block .title {
        font-size: 3vw;
    }

    /* -page achievements mobile*/

    .page-achievement .achievement_wrapper {
        width: 90%;
        margin: auto;
    }

    .page-achievement .achievement_title {
        font-size: 4vw;
    }

    .page-achievement .achievement_sub_title {
        font-size: 3.2vw;
    }

    .page-achievement .show_more {
        font-size: 1.4vw;
        margin-bottom: 4vw;
    }

    .page-achievement .awards.block {
        margin-top: 6%;
    }

/*    -page social responsibility mobile */

    .page-social .section_2 .boxes-block {
        flex-direction: column;
    }

    .page-social .section_2 .box {
        width: 100%;
    }


}

@media screen and (max-width: 769px) {
    /*    -page library mobile*/

    .page-library .product-item {
        height: 58vw;
    }

    .page-library .product-item .bottom-mask .mask-icon {
        height: 7vw;
        max-width: 16%;
    }

    .page-library .product-item .bottom-mask .mask-text {
        padding-left: 10px;
        font-size: 2vw;
    }

    .page-library .title {
        font-weight: normal;
        margin-top: 11%;
    }


    .page-achievement .product-item {
        height: 54vw;
    }

    .page-achievement .product-item img {
        width: 100%;
    }
}

@media screen and (max-width: 640px) {
	#cti-header .default-menu .menu-wrap {
		padding-top: 2vw;
	}
	
	#cti-header .default-menu .menu-wrap .menu_logo {
		padding-left: 2vw;
	}
	
	#cti-header .mobile-language {
		padding-right: 2vw;
		align-items: flex-end;
	}
	
    .hq-page {
        margin-top: 120px;
    }

    #cti-header .menu .item {
        font-size: 3.5vw;
    }

    #cti-header .menu-close-wrapper {
        font-size: 8vw;
    }

    /*    -home page*/

    .column-name,
    section.categories-and-models h2 {
        font-size: 4vw;
    }

    section.categories-and-models ul.categories-tabs li {
        font-size: 3vw;
    }

    section.categories-and-models ul.cartype-car > li {
        font-size: 2.4vw;
    }

    section.categories-and-models ul.cartype-car > li {
        margin: 1% 1% 0;
    }

    section.categories-and-models ul.cartype-car > li img {
        /* max-height: 160px; */
        height: 11vw;
    }

    section.changing-over > div.mountain-wrapper {
        /* height: 500px; */
        height: 60vw;
    }

    section.changing-over .changing_arrow {
        width: 14px;
    }

    section.changing-over > div.mountain-wrapper {
        align-items: flex-start;
    }

    section.changing-over .car-group {
        top:30%;
        width: 96%;
    }

    section.changing-over .d-enter .car-group.move {
        right: 2%;
    }

    section.changing-over .describe-group h2 {
        font-size: 7.2vw;
        margin: 3% 0 3%;
    }

    section.changing-over .describe-group a {
        display: inline-block;
        padding: 1em 2em;
    }

    section.changing-over .describe-group a {
        font-size: 2.2vw;
    }

    .changing-over .color-btn-group {
        margin-bottom: 8vw;
    }

    .changing-over .color-btn-group .color-btn {
        padding: 0;
    }

    .changing-over .color-btn-group li img {
        width: 6.75vw;
        height: 6.75vw;
    }

    .changing-over .color-btn-group li {
        font-size: 2vw;
    }

    section.hongqi-ideal .column-content .column-item {
        width: 100%;
    }

    section.hongqi-ideal .column-content .column-item .cont {
        font-size: 3.6vw;
    }

    section.hongqi-ideal .learn-more {
        font-size: 2vw;
    }

    section.news-information .column-content .column-item {
        width: 100%;
        margin-bottom: 0.6vw;
        border: 1px solid #C6C6C6;
        padding: 4px;
    }

    section.news-information .column-content .column-item .img-ani-wrap {
        height: auto;
    }

    section.news-information .news-title,
    section.news-information .column-footer, section.news-information .column-content .column-item .learn-more {
        font-size: 2vw;
    }

   /*    -page models mobile */

   .page-models section.categories-and-models {
        margin: 0;
        margin-bottom: 8vh;
    }

    .page-models {
        padding-top: 10px;
        padding-bottom: 40px;
    }


/*    -page store mobile*/

    .page-store #map {
        height: 320px;
        width: 100%;
    }

/*    -page contact mobile */


    .page-contact .application_content_email {
        margin: 6vw 0;
    }
    .page-contact section.suggestion h2 {
        font-size: calc(3vw * 1.25);
    }

    .page-contact section.suggestion .wpcf7-form label {
        font-size: calc(1.75vw * 1.25);
    }

    .page-contact section.suggestion .wpcf7-form input,
    .page-contact section.suggestion .wpcf7-form textarea {
        font-size: calc(1.6vw * 1.25);
    }

    .page-contact section.suggestion .wpcf7-form input[type="submit"] {
        font-size: calc(2vw * 1.25);
    }

    /*    -page development mobile */

    .page-development .section_1 img:first-child {
        display: none;
    }

    .page-development .section_1 img.mobile {
        display: block !important;
    }

    .page-development .video-block {
        display: block;
    }

    .page-development .video-block .video_wrapper, .page-development .video-block .text-block {
        width: 100%;
    }

    .page-development .video-block .video_wrapper {
        position: relative;
        height: 40vw;
    }

    .page-development .development_title {
        font-size: 4vw;
        font-weight: 600;
        padding: 4.5vw 0;
    }

    .page-development section {
        width: 90%;
        margin: auto;
    }

    /*.page-development .video-block .video_wrapper video {*/
    /*    height: auto;*/
    /*}*/

/*    -page achievement mobile */

    .page-achievement .award_item .images img.size1 ,
    .page-achievement .award_item .images img.size3 ,
    .page-achievement .award_item .images img.size2 {
        width: 100%;
        margin-bottom: 2vw;
    }

    .page-achievement .award_item .images {
        display: block;
    }
	
	#cti-header .default-menu .menu-wrap .menu_logo .logo {
        width: 24vw;
    }
	
	#cti-header .default-menu .menu-wrap .menu_logo {
		margin-top: 0;
	}

}

@media screen and (max-width: 475px) {
	#cti-header .default-menu .menu-wrap {
        padding-bottom: 2vw;
		padding-top: 2vw;
    }
	
    #cti-header .menu .item {
        font-size: 3.5vw;
    }

    #cti-header .menu-close-wrapper {
        font-size: 8vw;
    }
	
	#cti-header .default-menu .menu-wrap .menu_logo .logo {
        width: 30vw;
    }

/*    -page store mobile */

    .page-store .address-template-part .type {
        font-size: 4.2vw;
    }

    .page-store .address-template-part .block p:not(.type) {
        font-size: 2.8vw;
    }

/*     -page contact mobile */

    .page-contact section.suggestion .wpcf7-form .right-block .c-block.half {
        width: 100%;
    }

    .page-contact section.suggestion .wpcf7-form label {
        font-size: calc(1.75vw * 1.5);
    }

    .page-contact section.suggestion .wpcf7-form input,
    .page-contact section.suggestion .wpcf7-form textarea {
        font-size: calc(1.6vw * 1.5);
    }

    .page-contact section.suggestion .wpcf7-form input[type="submit"] {
        font-size: calc(2vw * 1.5);
    }

/*    -page history mobile */

    .page-history .history .history_con {
        width:90%;
    }

    .page-history .history .history_con .top-subtitle {
        font-size: 3.5vw;
        margin: 1vw 0;
    }

    .page-history .history .history_con .text {
        font-size: 3vw;
        margin-bottom: 1.4vw;
    }

    .page-history .history_title, .page-brand .brand_title {
        font-size: 3vw;
    }

    /*    -page brand mobile */


    .page-brand section.brand {
        width: 90%;
    }

    .page-brand .brand .brand_con .brand_text .text_con {
        font-size: 3vw;
    }

    .page-brand .brand_block .title {
        font-size: 4vw;
    }

    .page-brand .brand_content ul li {
        line-height: 2.5;
        font-size: 3.5vw;
    }
}

.b24-form-header-title {
	text-align: left;
}


/*#wpadminbar:has(:not(#wp-admin-bar-customize)) {*/
/*    display: none !important;*/
/*}*/